Merge remote-tracking branch 'origin/master'

# Conflicts:
#	danger-manage-web/vue.config.js

danger-manage-admin/src/main/java/com/zehong/web/controller/contractor/TContractorPersonController.java

@@ -47,6 +47,12 @@ public class TContractorPersonController extends BaseController
         return getDataTable(list);
     }
 
+    @GetMapping("/contractALlList")
+    public AjaxResult contractALlList(TContractorPerson tContractorPerson)
+    {
+        return AjaxResult.success(tContractorPersonService.selectTContractorPersonList(tContractorPerson));
+    }
+
     /**
      * 导出承包商人员信息列表
      */

danger-manage-admin/src/main/java/com/zehong/web/controller/train/TTrainCourseController.java

 package com.zehong.web.controller.train;
 
-import java.util.List;
-import java.util.Map;
-
-import com.alibaba.fastjson.JSON;
+import com.zehong.common.annotation.Log;
+import com.zehong.common.core.controller.BaseController;
+import com.zehong.common.core.domain.AjaxResult;
 import com.zehong.common.core.domain.entity.SysUser;
 import com.zehong.common.core.domain.model.LoginUser;
+import com.zehong.common.core.page.TableDataInfo;
+import com.zehong.common.enums.BusinessType;
 import com.zehong.common.utils.ServletUtils;
+import com.zehong.common.utils.poi.ExcelUtil;
 import com.zehong.framework.web.service.TokenService;
+import com.zehong.system.domain.StatisticsTrainCourse;
+import com.zehong.system.domain.TTrainCourse;
+import com.zehong.system.domain.TTrainUserCourse;
 import com.zehong.system.domain.vo.UserCourseVo;
+import com.zehong.system.service.ITTrainCourseService;
 import io.swagger.annotations.Api;
 import io.swagger.annotations.ApiOperation;
-import org.springframework.security.access.prepost.PreAuthorize;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.web.bind.annotation.*;
-import com.zehong.common.annotation.Log;
-import com.zehong.common.core.controller.BaseController;
-import com.zehong.common.core.domain.AjaxResult;
-import com.zehong.common.enums.BusinessType;
-import com.zehong.system.domain.TTrainCourse;
-import com.zehong.system.service.ITTrainCourseService;
-import com.zehong.common.utils.poi.ExcelUtil;
-import com.zehong.common.core.page.TableDataInfo;
+
+import java.util.List;
+import java.util.Map;
 
 /**
  * 培训课程Controller
@@ -147,4 +147,28 @@ public class TTrainCourseController extends BaseController
     public AjaxResult testPublish(@RequestBody TTrainCourse tTrainCourse){
         return toAjax(tTrainCourseService.testPublish(tTrainCourse));
     }
+
+    /**
+     * 考试统计接口
+     * @param statisticsTrainCourse 统计实体
+     * @return TableDataInfo
+     */
+    @GetMapping(value = "statisticsTrainCourse")
+    public TableDataInfo statisticsTrainCourse(StatisticsTrainCourse statisticsTrainCourse){
+        startPage();
+        List<StatisticsTrainCourse> statisticsTrainCourses = tTrainCourseService.statisticsTrainCourse(statisticsTrainCourse);
+        return getDataTable(statisticsTrainCourses);
+    }
+
+    /**
+     * 根据考试查询人员考试详情
+     * @param courseId 考试id
+     * @return List<TTrainUserCourse>
+     */
+    @GetMapping(value = "testPersonDetailByCourseId")
+    public TableDataInfo testPersonDetailByCourseId(@RequestParam(value = "courseId") Long courseId){
+        startPage();
+        List<TTrainUserCourse> persons = tTrainCourseService.testPersonDetailByCourseId(courseId);
+        return getDataTable(persons);
+    }
 }

danger-manage-system/src/main/java/com/zehong/system/domain/StatisticsTrainCourse.java

+package com.zehong.system.domain;
+
+public class StatisticsTrainCourse {
+
+    /**
+     * 课程id
+     */
+    private Long courseId;
+
+    /**
+     * 课程名称
+     */
+    private String courseName;
+
+    /**
+     * 发布时间
+     */
+    private String releaseTime;
+    /**
+     * 考试类型
+     */
+    private String dataKind;
+
+    /**
+     * 应考人数
+     */
+    private String count;
+
+    /**
+     * 参考人数
+     */
+    private String test;
+
+    /**
+     * 通过人数
+     */
+    private String pass;
+
+    /**
+     * 通过率
+     */
+    private String rate;
+
+    /**
+     * 发布开始时间
+     */
+    private String releaseTimeBegin;
+
+    /**
+     * 发布结束时间
+     */
+    private String releaseTimeEnd;
+
+    public Long getCourseId() {
+        return courseId;
+    }
+
+    public void setCourseId(Long courseId) {
+        this.courseId = courseId;
+    }
+
+    public String getCourseName() {
+        return courseName;
+    }
+
+    public void setCourseName(String courseName) {
+        this.courseName = courseName;
+    }
+
+    public String getReleaseTime() {
+        return releaseTime;
+    }
+
+    public void setReleaseTime(String releaseTime) {
+        this.releaseTime = releaseTime;
+    }
+
+    public String getDataKind() {
+        return dataKind;
+    }
+
+    public void setDataKind(String dataKind) {
+        this.dataKind = dataKind;
+    }
+
+    public String getCount() {
+        return count;
+    }
+
+    public void setCount(String count) {
+        this.count = count;
+    }
+
+    public String getTest() {
+        return test;
+    }
+
+    public void setTest(String test) {
+        this.test = test;
+    }
+
+    public String getPass() {
+        return pass;
+    }
+
+    public void setPass(String pass) {
+        this.pass = pass;
+    }
+
+    public String getRate() {
+        return rate;
+    }
+
+    public void setRate(String rate) {
+        this.rate = rate;
+    }
+
+    public String getReleaseTimeBegin() {
+        return releaseTimeBegin;
+    }
+
+    public void setReleaseTimeBegin(String releaseTimeBegin) {
+        this.releaseTimeBegin = releaseTimeBegin;
+    }
+
+    public String getReleaseTimeEnd() {
+        return releaseTimeEnd;
+    }
+
+    public void setReleaseTimeEnd(String releaseTimeEnd) {
+        this.releaseTimeEnd = releaseTimeEnd;
+    }
+}

danger-manage-system/src/main/java/com/zehong/system/domain/THiddenTroubleAssessment.java

@@ -20,6 +20,9 @@ public class THiddenTroubleAssessment extends BaseEntity
     /** $column.columnComment */
     private Long assessmentId;
 
+    private Long libraryId;
+
+    private Integer isXun;
     /** 排查任务id */
     @Excel(name = "排查任务id")
     private Long workId;
@@ -94,6 +97,59 @@ public class THiddenTroubleAssessment extends BaseEntity
 
     private Integer updateType = 0;
 
+    private String riskPoint;
+    private String inspectTerm;
+    private String inspectBasis;
+    private String libraryContent;
+
+    public Long getLibraryId() {
+        return libraryId;
+    }
+
+    public void setLibraryId(Long libraryId) {
+        this.libraryId = libraryId;
+    }
+
+    public Integer getIsXun() {
+        return isXun;
+    }
+
+    public void setIsXun(Integer isXun) {
+        this.isXun = isXun;
+    }
+
+    public String getRiskPoint() {
+        return riskPoint;
+    }
+
+    public void setRiskPoint(String riskPoint) {
+        this.riskPoint = riskPoint;
+    }
+
+    public String getInspectTerm() {
+        return inspectTerm;
+    }
+
+    public void setInspectTerm(String inspectTerm) {
+        this.inspectTerm = inspectTerm;
+    }
+
+    public String getInspectBasis() {
+        return inspectBasis;
+    }
+
+    public void setInspectBasis(String inspectBasis) {
+        this.inspectBasis = inspectBasis;
+    }
+
+    public String getLibraryContent() {
+        return libraryContent;
+    }
+
+    public void setLibraryContent(String libraryContent) {
+        this.libraryContent = libraryContent;
+    }
+
     public Integer getUpdateType() {
         return updateType;
     }

danger-manage-system/src/main/java/com/zehong/system/domain/TTrainCourse.java

@@ -87,6 +87,24 @@ public class TTrainCourse extends BaseEntity
     @Excel(name = "考试人员")
     private String testPersons;
 
+    private Integer personnelType;
+
+    public String getPlanName() {
+        return planName;
+    }
+
+    public void setPlanName(String planName) {
+        this.planName = planName;
+    }
+
+    public Integer getPersonnelType() {
+        return personnelType;
+    }
+
+    public void setPersonnelType(Integer personnelType) {
+        this.personnelType = personnelType;
+    }
+
     public void setCourseId(Long courseId)
     {
         this.courseId = courseId;

danger-manage-system/src/main/java/com/zehong/system/domain/TTrainPlan.java

@@ -26,6 +26,8 @@ public class TTrainPlan extends BaseEntity
     @Excel(name = "计划名称")
     private String planName;
 
+    private Integer personnelType;
+
     /** 排序 */
     @Excel(name = "排序")
     private Integer sort;
@@ -37,6 +39,14 @@ public class TTrainPlan extends BaseEntity
 
     private List<PlanPostVo> postList;
 
+    public Integer getPersonnelType() {
+        return personnelType;
+    }
+
+    public void setPersonnelType(Integer personnelType) {
+        this.personnelType = personnelType;
+    }
+
     public List<PlanPostVo> getPostList() {
         return postList;
     }

danger-manage-system/src/main/java/com/zehong/system/domain/TTrainUserCourse.java

@@ -45,7 +45,24 @@ public class TTrainUserCourse extends BaseEntity
     @Excel(name = "创建人")
     private String createUser;
 
-    public void setUserCourseId(Long userCourseId) 
+    
+    /**人员名称**/
+    private String staffName;
+
+    /**人员部门**/
+    private String deptName;
+
+    private Integer personnelType;
+
+    public Integer getPersonnelType() {
+        return personnelType;
+    }
+
+    public void setPersonnelType(Integer personnelType) {
+        this.personnelType = personnelType;
+    }
+
+    public void setUserCourseId(Long userCourseId)
     {
         this.userCourseId = userCourseId;
     }
@@ -109,6 +126,22 @@ public class TTrainUserCourse extends BaseEntity
         return createUser;
     }
 
+    public String getStaffName() {
+        return staffName;
+    }
+
+    public void setStaffName(String staffName) {
+        this.staffName = staffName;
+    }
+
+    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)

danger-manage-system/src/main/java/com/zehong/system/mapper/TTrainCourseMapper.java

 package com.zehong.system.mapper;
 
 import java.util.List;
+
+import com.zehong.system.domain.StatisticsTrainCourse;
 import com.zehong.system.domain.TTrainCourse;
 import com.zehong.system.domain.vo.UserCourseVo;
 import org.apache.ibatis.annotations.Param;
@@ -67,7 +69,7 @@ public interface TTrainCourseMapper
      * @param userIds
      * @return
      */
-    public int insertUserCourse(@Param("courseId") Long courseId,@Param("userIds") List<String> userIds);
+    public int insertUserCourse(@Param("courseId") Long courseId,@Param("userIds") List<String> userIds,@Param("personnelType")Integer personnelType);
 
     /**
      * 用户课程表
@@ -75,4 +77,11 @@ public interface TTrainCourseMapper
      * @return
      */
     public List<UserCourseVo> userCourseList(@Param("userId")Long userId,@Param("type") Integer type);
+
+    /**
+     * 考试统计接口
+     * @param statisticsTrainCourse 统计实体
+     * @return List<StatisticsTrainCourse>
+     */
+    List<StatisticsTrainCourse> statisticsTrainCourse(StatisticsTrainCourse statisticsTrainCourse);
 }

danger-manage-system/src/main/java/com/zehong/system/mapper/TTrainUserCourseMapper.java

@@ -58,4 +58,11 @@ public interface TTrainUserCourseMapper
      * @return 结果
      */
     public int deleteTTrainUserCourseByIds(Long[] userCourseIds);
+
+    /**
+     * 根据考试查询人员考试详情
+     * @param courseId 考试id
+     * @return List<TTrainUserCourse>
+     */
+    List<TTrainUserCourse> testPersonDetailByCourseId(Long courseId);
 }

danger-manage-system/src/main/java/com/zehong/system/service/ITTrainCourseService.java

@@ -3,7 +3,9 @@ package com.zehong.system.service;
 import java.util.List;
 import java.util.Map;
 
+import com.zehong.system.domain.StatisticsTrainCourse;
 import com.zehong.system.domain.TTrainCourse;
+import com.zehong.system.domain.TTrainUserCourse;
 import com.zehong.system.domain.vo.UserCourseVo;
 
 /**
@@ -86,5 +88,19 @@ public interface ITTrainCourseService
      * @return int
      */
     int testPublish( TTrainCourse tTrainCourse);
+
+    /**
+     * 考试统计接口
+     * @param statisticsTrainCourse 统计实体
+     * @return List<StatisticsTrainCourse>
+     */
+    List<StatisticsTrainCourse> statisticsTrainCourse(StatisticsTrainCourse statisticsTrainCourse);
+
+    /**
+     * 根据考试查询人员考试详情
+     * @param courseId 考试id
+     * @return List<TTrainUserCourse>
+     */
+    List<TTrainUserCourse> testPersonDetailByCourseId(Long courseId);
 }
 

danger-manage-system/src/main/java/com/zehong/system/service/impl/THiddenTroubleWorkServiceImpl.java

@@ -84,10 +84,10 @@ public class THiddenTroubleWorkServiceImpl implements ITHiddenTroubleWorkService
     {
         tHiddenTroubleWork.setCreateTime(DateUtils.getNowDate());
         int a = tHiddenTroubleWorkMapper.insertTHiddenTroubleWork(tHiddenTroubleWork);
-//        if(tHiddenTroubleWork.getWorkCycle()==1||tHiddenTroubleWork.getParentId()!=0L){
-//            String[] ids =  tHiddenTroubleWork.getContent().split(",");
-//            tHiddenTroubleAssessmentMapper.inserts(tHiddenTroubleWork.getWorkId(),ids);
-//        }
+        if(tHiddenTroubleWork.getWorkCycle()==1){
+            String[] ids =  tHiddenTroubleWork.getContent().split(",");
+            tHiddenTroubleAssessmentMapper.inserts(tHiddenTroubleWork.getWorkId(),ids);
+        }
         return a;
     }
 
@@ -205,26 +205,28 @@ public class THiddenTroubleWorkServiceImpl implements ITHiddenTroubleWorkService
         work.setWorkStep(0);
         work.setCreateTime(d);
         if(work.getBookId()!=null){
-            TStaningBook b = tStaningBookMapper.selectTStaningBookById(work.getBookId());
-            //如果隐患存在，并绑定的任务已完成则生成新新任务，否则不生成
-            if(b!=null&&b.getWorkId()!=null){
-                THiddenTroubleWork w = tHiddenTroubleWorkMapper.selectTHiddenTroubleWorkById(b.getWorkId());
-                if(w.getWorkStep()==4){
-                    int a = tHiddenTroubleWorkMapper.insertTHiddenTroubleWork(work);
-                    b.setWorkId(work.getWorkId());
-                    tStaningBookMapper.updateTStaningBook(b);
-                }else{
-                    logger.info("===================任务进行中生成新排查任务失败");
-                }
-            }else {
-                int a = tHiddenTroubleWorkMapper.insertTHiddenTroubleWork(work);
-                if(b!=null){
-                    b.setWorkId(work.getWorkId());
-                    tStaningBookMapper.updateTStaningBook(b);
-                }
-            }
+//            TStaningBook b = tStaningBookMapper.selectTStaningBookById(work.getBookId());
+//            //如果隐患存在，并绑定的任务已完成则生成新新任务，否则不生成
+//            if(b!=null&&b.getWorkId()!=null){
+//                THiddenTroubleWork w = tHiddenTroubleWorkMapper.selectTHiddenTroubleWorkById(b.getWorkId());
+//                if(w.getWorkStep()==4){
+//                    int a = tHiddenTroubleWorkMapper.insertTHiddenTroubleWork(work);
+//                    b.setWorkId(work.getWorkId());
+//                    tStaningBookMapper.updateTStaningBook(b);
+//                }else{
+//                    logger.info("===================任务进行中生成新排查任务失败");
+//                }
+//            }else {
+//                int a = tHiddenTroubleWorkMapper.insertTHiddenTroubleWork(work);
+//                if(b!=null){
+//                    b.setWorkId(work.getWorkId());
+//                    tStaningBookMapper.updateTStaningBook(b);
+//                }
+//            }
         }else {
             tHiddenTroubleWorkMapper.insertTHiddenTroubleWork(work);
+            String[] ids =  work.getContent().split(",");
+            tHiddenTroubleAssessmentMapper.inserts(work.getWorkId(),ids);
         }
     }
 }

danger-manage-system/src/main/java/com/zehong/system/service/impl/TTrainCourseServiceImpl.java

 package com.zehong.system.service.impl;
 
+import com.alibaba.fastjson.JSONArray;
+import com.alibaba.fastjson.JSONObject;
 import com.zehong.common.utils.DateUtils;
+import com.zehong.system.domain.StatisticsTrainCourse;
 import com.zehong.system.domain.TTrainCourse;
 import com.zehong.system.domain.TTrainCourseTopic;
+import com.zehong.system.domain.TTrainPlan;
 import com.zehong.system.domain.TTrainUserCourse;
 import com.zehong.system.domain.vo.UserCourseVo;
 import com.zehong.system.mapper.TTrainCourseMapper;
@@ -15,6 +19,7 @@ import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import java.util.*;
+import java.util.stream.Collectors;
 
 /**
  * 培训课程Service业务层处理
@@ -58,7 +63,7 @@ public class TTrainCourseServiceImpl implements ITTrainCourseService
              return 0;
          }
          List<String> userIds = tTrainPlanMapper.selectAlluserByplanId(course.getCourseType());
-        tTrainCourseMapper.insertUserCourse(courseId,userIds);
+        tTrainCourseMapper.insertUserCourse(courseId,userIds,course.getPersonnelType());
          course.setStatus(1);
          course.setReleaseTime(new Date());
          return tTrainCourseMapper.updateTTrainCourse(course);
@@ -84,6 +89,12 @@ public class TTrainCourseServiceImpl implements ITTrainCourseService
     @Override
     public Long insertTTrainCourse(TTrainCourse tTrainCourse)
     {
+        if(tTrainCourse.getCourseType()!=null){
+            TTrainPlan p = tTrainPlanMapper.selectTTrainPlanById(tTrainCourse.getCourseType());
+            if(p!=null){
+                tTrainCourse.setPersonnelType(p.getPersonnelType());
+            }
+        }
         tTrainCourse.setCreateTime(DateUtils.getNowDate());
         tTrainCourseMapper.insertTTrainCourse(tTrainCourse);
         return tTrainCourse.getCourseId();
@@ -184,9 +195,31 @@ public class TTrainCourseServiceImpl implements ITTrainCourseService
             return 0;
         }
         //新增考试人员
-        tTrainCourseMapper.insertUserCourse(tTrainCourse.getCourseId(),Arrays.asList(course.getTestPersons()));
+        List<JSONObject> personList = JSONObject.parseArray(course.getTestPersons(),JSONObject.class);
+        List<String> persons = personList.stream().map(item ->(String)item.get("staffId")).collect(Collectors.toList());
+        tTrainCourseMapper.insertUserCourse(tTrainCourse.getCourseId(),persons,tTrainCourse.getPersonnelType());
         tTrainCourse.setStatus(1);
         tTrainCourse.setReleaseTime(new Date());
         return tTrainCourseMapper.updateTTrainCourse(tTrainCourse);
     }
+
+    /**
+     * 考试统计接口
+     * @param statisticsTrainCourse 统计实体
+     * @return List<StatisticsTrainCourse>
+     */
+    @Override
+    public List<StatisticsTrainCourse> statisticsTrainCourse(StatisticsTrainCourse statisticsTrainCourse){
+        return tTrainCourseMapper.statisticsTrainCourse(statisticsTrainCourse);
+    }
+
+    /**
+     * 根据考试查询人员考试详情
+     * @param courseId 考试id
+     * @return List<TTrainUserCourse>
+     */
+    @Override
+    public List<TTrainUserCourse> testPersonDetailByCourseId(Long courseId){
+        return tTrainUserCourseMapper.testPersonDetailByCourseId(courseId);
+    }
 }

danger-manage-system/src/main/resources/mapper/system/THiddenTroubleAssessmentMapper.xml

@@ -6,6 +6,8 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     
     <resultMap type="THiddenTroubleAssessment" id="THiddenTroubleAssessmentResult">
         <result property="assessmentId"    column="assessment_id"    />
+        <result property="libraryId"    column="library_id"    />
+        <result property="isXun"    column="is_xun"    />
         <result property="workId"    column="work_id"    />
         <result property="checkFeedback"    column="check_feedback"    />
         <result property="checkUrl"    column="check_url"    />
@@ -23,6 +25,10 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <result property="modifyBegin"    column="modify_begin"    />
         <result property="modifyEnd"    column="modify_end"    />
         <result property="modifyComplete"    column="modify_complete"    />
+        <result property="riskPoint"    column="risk_point"    />
+        <result property="inspectTerm"    column="inspect_term"    />
+        <result property="inspectBasis"    column="inspect_basis"    />
+        <result property="libraryContent"    column="library_content"    />
     </resultMap>
 
     <sql id="selectTHiddenTroubleAssessmentVo">
@@ -30,9 +36,12 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     </sql>
 
     <select id="selectTHiddenTroubleAssessmentList" parameterType="THiddenTroubleAssessment" resultMap="THiddenTroubleAssessmentResult">
-        <include refid="selectTHiddenTroubleAssessmentVo"/>
+        SELECT a.`assessment_id`,a.library_id,a.is_xun,a.check_url,a.check_time,a.check_user,a.check_feedback,
+        l.risk_point,l.inspect_term,l.inspect_basis,l.library_content
+        FROM t_hidden_trouble_assessment a  LEFT JOIN t_hidden_library l ON l.`library_id` = a.library_id
         <where>  
             <if test="assessmentLevel != null "> and assessment_level = #{assessmentLevel}</if>
+            <if test="workId != null "> and work_id = #{workId}</if>
         </where>
     </select>
     
@@ -124,7 +133,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
     <insert id="inserts" >
         insert into t_hidden_trouble_assessment (library_id,work_id) VALUES
         <foreach collection="ids" item="item" index="index" separator=",">
-            (${item},workId)
+            (${item},#{workId})
         </foreach>
     </insert>
 </mapper>
\ No newline at end of file

danger-manage-system/src/main/resources/mapper/system/THiddenTroubleWorkMapper.xml

@@ -79,6 +79,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="timeTerm != null">time_term,</if>
             <if test="workRange != null">work_range,</if>
             <if test="deptId != null">dept_id,</if>
+            <if test="staffId != null">staff_id,</if>
             <if test="workStep != null">work_step,</if>
             <if test="content != null">content,</if>
             <if test="createTime != null">create_time,</if>
@@ -98,6 +99,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="timeTerm != null">#{timeTerm},</if>
             <if test="workRange != null">#{workRange},</if>
             <if test="deptId != null">#{deptId},</if>
+            <if test="staffId != null">#{staffId},</if>
             <if test="workStep != null">#{workStep},</if>
             <if test="content != null">#{content},</if>
             <if test="createTime != null">#{createTime},</if>

danger-manage-system/src/main/resources/mapper/system/TTrainCourseMapper.xml

@@ -11,6 +11,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <result property="planName"    column="plan_name"    />
         <result property="courseConent"    column="course_conent"    />
         <result property="status"    column="status"    />
+        <result property="personnelType"    column="personnel_type"    />
         <result property="releaseTime"    column="release_time"    />
         <result property="enclosure"    column="enclosure"    />
         <result property="video"    column="video"    />
@@ -25,8 +26,19 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <result property="testPersons"    column="test_persons"    />
     </resultMap>
 
+    <resultMap id="StatisticsTrainCourseResult" type="StatisticsTrainCourse">
+        <result property="courseId"    column="course_id"    />
+        <result property="courseName"    column="course_name"    />
+        <result property="releaseTime"    column="release_time"    />
+        <result property="dataKind"    column="data_kind"    />
+        <result property="count"    column="count"    />
+        <result property="test"    column="test"    />
+        <result property="pass"    column="pass"    />
+        <result property="rate"    column="rate"    />
+    </resultMap>
+
     <sql id="selectTTrainCourseVo">
-        select course_id, course_name, course_type, course_conent, status, release_time, enclosure, video, qualified_num, topic_num, create_time, create_user, is_del, data_kind, test_start_time, test_end_time, test_persons from t_train_course
+        select course_id, course_name, course_type, course_conent, status,personnel_type, release_time, enclosure, video, qualified_num, topic_num, create_time, create_user, is_del, data_kind, test_start_time, test_end_time, test_persons from t_train_course
     </sql>
 
     <select id="selectTTrainCourseList" parameterType="TTrainCourse" resultMap="TTrainCourseResult">
@@ -63,6 +75,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="courseType != null">course_type,</if>
             <if test="courseConent != null">course_conent,</if>
             <if test="status != null">status,</if>
+            <if test="personnelType != null">personnel_type,</if>
             <if test="releaseTime != null">release_time,</if>
             <if test="enclosure != null">enclosure,</if>
             <if test="video != null">video,</if>
@@ -81,6 +94,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="courseType != null">#{courseType},</if>
             <if test="courseConent != null">#{courseConent},</if>
             <if test="status != null">#{status},</if>
+            <if test="personnelType != null">#{personnelType},</if>
             <if test="releaseTime != null">#{releaseTime},</if>
             <if test="enclosure != null">#{enclosure},</if>
             <if test="video != null">#{video},</if>
@@ -103,6 +117,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="courseType != null">course_type = #{courseType},</if>
             <if test="courseConent != null">course_conent = #{courseConent},</if>
             <if test="status != null">status = #{status},</if>
+            <if test="personnelType != null">personnel_type = #{personnelType},</if>
             <if test="releaseTime != null">release_time = #{releaseTime},</if>
             <if test="enclosure != null">enclosure = #{enclosure},</if>
             <if test="video != null">video = #{video},</if>
@@ -130,9 +145,9 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         </foreach>
     </delete>
     <insert id="insertUserCourse">
-        INSERT INTO t_train_user_course(user_id,course_id,create_time) VALUES
+        INSERT INTO t_train_user_course(user_id,course_id,personnel_type,create_time) VALUES
         <foreach collection="userIds" separator="," item="item">
-            (#{item},#{courseId},NOW())
+            (#{item},#{courseId},#{personnelType},NOW())
         </foreach>
     </insert>
     <select id="userCourseList" resultType="com.zehong.system.domain.vo.UserCourseVo">
@@ -143,7 +158,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         FROM t_train_user_course uc
         LEFT JOIN t_train_course c ON c.`course_id` = uc.`course_id`
         LEFT JOIN t_train_plan p ON p.`plan_id` = c.`course_type`
-        WHERE uc.user_id = #{userId}
+        WHERE uc.user_id = #{userId} and uc.personnel_type =1
         <if test="type!=null and type == 1">
             and uc.state !=2
         </if>
@@ -155,4 +170,26 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             order by uc.examination_time desc
         </if>
     </select>
+
+    <select id="statisticsTrainCourse" parameterType="StatisticsTrainCourse" resultMap="StatisticsTrainCourseResult">
+        SELECT
+          course.course_id,
+          course.course_name,
+          course.release_time,
+          course.data_kind,
+          COUNT(user.user_course_id)AS count,
+          SUM(case when user.state > 0 then 1 else 0 end)AS test,
+          SUM(case when user.state = 2 then 1 else 0 end)AS pass,
+          ROUND(SUM(case when user.state = 2 then 1 else 0 end)/COUNT(user.user_course_id)*100)AS rate
+        FROM
+            t_train_course course
+        INNER JOIN t_train_user_course user ON course.course_id = user.course_id
+        <where>
+            course.status = '1' AND course.is_del = '0' AND course.personnel_type = '1'
+            <if test="courseName != null  and courseName != ''"> and course.course_name like concat('%', #{courseName}, '%')</if>
+            <if test="dataKind != null  and dataKind != ''"> and course.data_kind = #{dataKind}</if>
+            <if test="releaseTimeBegin != null  and releaseTimeBegin != '' and releaseTimeEnd != null  and releaseTimeEnd != ''"> and course.release_time BETWEEN #{releaseTimeBegin} AND #{releaseTimeEnd}</if>
+        </where>
+        GROUP BY course.course_id
+    </select>
 </mapper>
\ No newline at end of file

danger-manage-system/src/main/resources/mapper/system/TTrainPlanMapper.xml

@@ -8,12 +8,13 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <result property="planId"    column="plan_id"    />
         <result property="planName"    column="plan_name"    />
         <result property="sort"    column="sort"    />
+        <result property="personnelType"    column="personnel_type"    />
         <result property="createTime"    column="create_time"    />
         <result property="createUser"    column="create_user"    />
     </resultMap>
 
     <sql id="selectTTrainPlanVo">
-        select plan_id, plan_name, sort, create_time, create_user from t_train_plan
+        select plan_id, plan_name, sort, create_time,personnel_type, create_user from t_train_plan
     </sql>
 
     <select id="selectTTrainPlanList" parameterType="TTrainPlan" resultMap="TTrainPlanResult">
@@ -36,6 +37,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="planId != null">plan_id,</if>
             <if test="planName != null">plan_name,</if>
             <if test="sort != null">sort,</if>
+            <if test="personnelType != null">personnel_type,</if>
             <if test="createTime != null">create_time,</if>
             <if test="createUser != null">create_user,</if>
          </trim>
@@ -43,6 +45,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="planId != null">#{planId},</if>
             <if test="planName != null">#{planName},</if>
             <if test="sort != null">#{sort},</if>
+            <if test="personnelType != null">#{personnelType},</if>
             <if test="createTime != null">#{createTime},</if>
             <if test="createUser != null">#{createUser},</if>
          </trim>
@@ -62,6 +65,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <trim prefix="SET" suffixOverrides=",">
             <if test="planName != null">plan_name = #{planName},</if>
             <if test="sort != null">sort = #{sort},</if>
+            <if test="personnelType != null">personnel_type = #{personnelType},</if>
             <if test="createTime != null">create_time = #{createTime},</if>
             <if test="createUser != null">create_user = #{createUser},</if>
         </trim>
@@ -84,8 +88,6 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
 	    LEFT JOIN t_train_plan_post pp ON ( p.`post_id` = pp.`post_id` AND pp.`plan_id` = #{planId} )
     </select>
     <select id="selectAlluserByplanId" resultType="java.lang.String">
-        SELECT user_id FROM sys_user_post
-        WHERE post_id IN (SELECT post_id FROM  t_train_plan_post  WHERE plan_id =#{planId})
-        GROUP BY user_id
+        SELECT post_id FROM  t_train_plan_post  WHERE plan_id =#{planId}
     </select>
 </mapper>
\ No newline at end of file

danger-manage-system/src/main/resources/mapper/system/TTrainUserCourseMapper.xml

@@ -9,19 +9,22 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
         <result property="userId"    column="user_id"    />
         <result property="courseId"    column="course_id"    />
         <result property="state"    column="state"    />
+        <result property="personnelType"    column="personnel_type"    />
         <result property="examinationTime"    column="examination_time"    />
         <result property="examinationResult"    column="examination_result"    />
         <result property="createTime"    column="create_time"    />
         <result property="createUser"    column="create_user"    />
+        <result property="staffName"  column="staff_name"/>
+        <result property="deptName"  column="dept_name"/>
     </resultMap>
 
     <sql id="selectTTrainUserCourseVo">
-        select user_course_id, user_id, course_id, state, examination_time, examination_result, create_time, create_user from t_train_user_course
+        select user_course_id, user_id, course_id, state, examination_time, personnel_type,examination_result, create_time, create_user from t_train_user_course
     </sql>
 
     <select id="selectTTrainUserCourseList" parameterType="TTrainUserCourse" resultMap="TTrainUserCourseResult">
         <include refid="selectTTrainUserCourseVo"/>
-        <where>  
+        <where>
             <if test="userId != null "> and user_id = #{userId}</if>
             <if test="courseId != null "> and course_id = #{courseId}</if>
             <if test="state != null "> and state = #{state}</if>
@@ -42,6 +45,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="userId != null">user_id,</if>
             <if test="courseId != null">course_id,</if>
             <if test="state != null">state,</if>
+            <if test="personnelType != null">personnel_type,</if>
             <if test="examinationTime != null">examination_time,</if>
             <if test="examinationResult != null">examination_result,</if>
             <if test="createTime != null">create_time,</if>
@@ -51,6 +55,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="userId != null">#{userId},</if>
             <if test="courseId != null">#{courseId},</if>
             <if test="state != null">#{state},</if>
+            <if test="personnelType != null">#{personnelType},</if>
             <if test="examinationTime != null">#{examinationTime},</if>
             <if test="examinationResult != null">#{examinationResult},</if>
             <if test="createTime != null">#{createTime},</if>
@@ -64,6 +69,7 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             <if test="userId != null">user_id = #{userId},</if>
             <if test="courseId != null">course_id = #{courseId},</if>
             <if test="state != null">state = #{state},</if>
+            <if test="personnelType != null">personnel_type = #{personnelType},</if>
             <if test="examinationTime != null">examination_time = #{examinationTime},</if>
             <if test="examinationResult != null">examination_result = #{examinationResult},</if>
             <if test="createTime != null">create_time = #{createTime},</if>
@@ -82,4 +88,17 @@ PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
             #{userCourseId}
         </foreach>
     </delete>
+
+    <select id="testPersonDetailByCourseId" parameterType="Long" resultMap="TTrainUserCourseResult">
+        SELECT
+          sys.staff_name,
+          d.dept_name,
+          train.examination_result,
+          train.state
+        FROM
+            t_train_user_course train
+        LEFT JOIN sys_user sys ON train.user_id = sys.user_id
+        left join sys_dept d on sys.dept_id = d.dept_id
+        WHERE train.course_id =  #{courseId}
+    </select>
 </mapper>
\ No newline at end of file

danger-manage-web/src/api/contractor/contractorPerson.js

@@ -9,6 +9,15 @@ export function listContractorPerson(query) {
   })
 }
 
+//全部承包商人员信息列表
+export function contractALlList(query) {
+  return request({
+    url: '/contractor/contractorPerson/contractALlList',
+    method: 'get',
+    params: query
+  })
+}
+
 // 查询承包商人员信息详细
 export function getContractorPerson(id) {
   return request({
@@ -50,4 +59,4 @@ export function exportContractorPerson(query) {
     method: 'get',
     params: query
   })
-}
\ No newline at end of file
+}

danger-manage-web/src/api/educationPlanExam/lessonsProgram.js

@@ -141,3 +141,21 @@ export function setAnswer(query) {
   })
 }
 
+//统计
+export function statisticsTrainCourse(query) {
+  return request({
+    url: '/system/course/statisticsTrainCourse',
+    method: 'get',
+    params: query
+  })
+}
+
+//成绩详情
+export function testPersonDetailByCourseId(query) {
+  return request({
+    url: '/system/course/testPersonDetailByCourseId',
+    method: 'get',
+    params: query
+  })
+}
+

danger-manage-web/src/api/educationPlanExam/subject.js

+import request from '@/utils/request'
+
+// 查询题库题目列表
+export function listSubject(query) {
+  return request({
+    url: '/system/subject/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询题库题目详细
+export function getSubject(subjectId) {
+  return request({
+    url: '/system/subject/' + subjectId,
+    method: 'get'
+  })
+}
+// 新增题库题目
+export function addSubject(data) {
+  return request({
+    url: '/system/subject',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改题库题目
+export function updateSubject(data) {
+  return request({
+    url: '/system/subject',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除题库题目
+export function delSubject(subjectId) {
+  return request({
+    url: '/system/subject/' + subjectId,
+    method: 'delete'
+  })
+}
+
+// 导出题库题目
+export function exportSubject(query) {
+  return request({
+    url: '/system/subject/export',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file

danger-manage-web/src/assets/styles/zehong.scss

@@ -355,4 +355,85 @@
  		margin: 0;
 
  	}
+ }
+
+
+
+ 
+ //  text-Paper lession.vue table样式
+ .left-middle-table {
+
+ 	.el-table th.el-table__cell.is-leaf,
+ 	.el-table td.el-table__cell {
+ 		border: none
+ 	}
+
+ 	.has-gutter .el-table th.el-table__cell.is-leaf,
+ 	.el-table td.el-table__cell {
+ 		border-bottom: 1px solid #E5E6EB;
+ 	}
+
+ 	.el-table th.el-table__cell.is-leaf,
+ 	.el-table td.el-table__cell {
+ 		box-sizing: border-box;
+ 	}
+
+ 	.el-table--medium .el-table__cell:nth-child(1) {
+ 		padding: 0;
+ 	}
+
+ 	.el-table .el-table__header-wrapper th,
+ 	.el-table .el-table__fixed-header-wrapper th {
+ 		background-color: #F7F7F7;
+ 	}
+
+ 	.el-table--fit {
+ 		// height: 100%;
+ 	}
+
+ 	.el-table th.el-table__cell>.cell {
+ 		padding-left: 14px;
+ 	}
+
+ 	.el-table::before {
+ 		height: 0px;
+ 	}
+
+ 	// 表头的input样式
+ 	.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+ 		background-color: rgba(0, 0, 0, 0);
+ 		border-color: #C4C4C4;
+ 	}
+	 .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{
+		background-color:#62656C !important;
+	 }
+
+
+ 	// 内容的
+ 	// 改变对钩颜色
+ 	.el-checkbox__inner:after {
+ 		border-color: #62656C !important;
+ 	}
+
+ 	.el-checkbox__inner {
+ 		border: 1px solid #C4C4C4;
+ 	}
+
+ 	.el-checkbox__input.is-checked .el-checkbox__inner {
+ 		background-color: rgba(0, 0, 0, 0);
+ 		border-color: #C4C4C4;
+ 	}
+
+ 	.el-checkbox__input.is-checked .el-checkbox__inner {
+ 		border-color: #C4C4C4;
+
+ 	}
+
+ 	.el-checkbox__input.is-focus .el-checkbox__inner {
+ 		border-color: #C4C4C4;
+ 	}
+
+ 	.el-checkbox__inner:hover {
+ 		border-color: #C4C4C4;
+ 	}
  }
\ No newline at end of file

danger-manage-web/src/components/PeopleChange/ChangPapelTable.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-12-19 15:23:58
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-21 16:56:26
+ * @FilePath: /danger-manage-web/src/views/educationPlanExam/textPaper/components/Lesson-table.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div>
+    <el-table
+      v-loading="loading"
+      :data="nameList"
+      height="305"
+      @select="select"
+      @select-all="all"
+      ref="multipleTable"
+    >
+      <el-table-column type="selection"></el-table-column>
+      <el-table-column label="姓名" align="center" prop="staffName">
+      </el-table-column>
+      <el-table-column
+        label="所属部门"
+        align="center"
+        prop="deptName"
+        :formatter="formatter"
+      >
+      </el-table-column>
+      <el-table-column
+        label="岗位"
+        align="center"
+        prop="profession"
+        :formatter="formatter"
+      >
+      </el-table-column>
+    </el-table>
+    <!-- <div> -->
+    <el-pagination
+      :layout="'prev, pager, next'"
+      v-show="total > 0"
+      :total="total"
+      :current-page="queryParams.pageNum"
+      :page-sizes="[queryParams.pageSize]"
+      @current-change="currentChangeClick"
+    />
+    <!-- </div> -->
+  </div>
+</template>
+
+<script>
+import { listStaff } from "@/api/safetyManagement/staff";
+export default {
+  name: "",
+  props: {
+    selectNameList: {
+      type: Array,
+    },
+  },
+  created() {
+    // this.listStaff();
+  },
+  data() {
+    return {
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deptId: null,
+        staffName: null,
+      },
+      total: 0,
+      nameList: [],
+      loading: false,
+    };
+  },
+  methods: {
+    listStaff() {
+      this.loading = true;
+      listStaff(this.queryParams).then((res) => {
+        this.total = res.total;
+        this.nameList = res.rows;
+        this.$nextTick((item) => {
+          this.selectNameList.forEach((item) => {
+            this.toggleSelection(item.staffId, true);
+          });
+          this.loading = false;
+        });
+      });
+    },
+    // toggleSelection(rows) {
+    //   if (rows) {
+    //     rows.forEach((row) => {
+    //       this.$refs.multipleTable.toggleRowSelection(row);
+    //     });
+    //   } else {
+    //     this.$refs.multipleTable.clearSelection();
+    //   }
+    // },
+    select(all, row) {
+      this.$emit("selectOne", all, row);
+    },
+    all(all) {
+      console.log(all);
+      // true是全选，false是全清
+      let allSelect = false;
+      if (all.length == 0 || (all.length == 1 && [0] == undefined)) {
+        allSelect = false;
+      } else if (all.length > 1) {
+        allSelect = true;
+      }
+      this.$emit("selectAll", this.nameList, allSelect);
+    },
+    // 切换选项
+    toggleSelection(staffId, SeclctFlag = false) {
+      const item = this.nameList.find((item) => {
+        return item.staffId == staffId;
+      });
+      this.$refs.multipleTable.toggleRowSelection(item, SeclctFlag);
+    },
+
+    currentChangeClick(val) {
+      this.queryParams.pageNum = val;
+      this.listStaff();
+    },
+    formatter(row, column, cellValue, index) {
+      // console.log(row, column, cellValue, index);
+      if (!cellValue) return "-";
+      else return cellValue;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+</style>

danger-manage-web/src/components/PeopleChange/index.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-12-19 17:39:55
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-21 17:36:34
+ * @FilePath: /danger-manage-web/src/views/educationPlanExam/textPaper/components/ChangePapel.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+
+<template>
+  <div class="changePeople-wrapper flex">
+    <div class="changePeople-left">
+      <div class="top-search flex">
+        <el-select
+          v-model="deptId"
+          filterable
+          placeholder="请选择"
+          size="mini"
+          style="width: 40%"
+          clearable
+        >
+          <el-option
+            v-for="item in searchList"
+            :key="item.deptId"
+            :label="item.deptName"
+            :value="item.deptId"
+          >
+          </el-option>
+        </el-select>
+        <el-input
+          v-model="staffName"
+          size="mini"
+          placeholder="请输入内容"
+          suffix-icon="el-icon-date"
+          style="width: 48%"
+        >
+        </el-input>
+        <div>
+          <el-button @click="searchTable" size="mini">搜索</el-button>
+        </div>
+      </div>
+      <div class="left-middle-table">
+        <ChangPapelTable
+          ref="table"
+          :selectNameList.sync="selectNameList"
+          @selectOne="selectOne"
+          @selectAll="selectAll"
+        />
+      </div>
+      <!-- <div class="bottom-text">共有3n人</div> -->
+    </div>
+    <div class="middle flex">
+      <div>>>></div>
+    </div>
+    <div class="changePeople-right flex">
+      <div class="people-card flex zzz">
+        <div
+          class="item flex"
+          v-for="item in selectNameList"
+          :key="item.staffId"
+        >
+          <div>{{ item.staffName }}</div>
+          <div class="close" @click="deleteName(item.staffId)">x</div>
+        </div>
+      </div>
+      <div class="bottom-text">已选择n人</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import ChangPapelTable from "./ChangPapelTable";
+import { listDept } from "@/api/system/dept";
+
+export default {
+  name: "changepeopel",
+  components: {
+    ChangPapelTable,
+  },
+  props: {
+    // 传进组件的已经被选择的人名
+    jsonSelectNameList: {
+      type: String,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      selectNameList: [],
+      searchList: [],
+      deptId: null,
+      staffName: null,
+    };
+  },
+  created() {
+    listDept().then((res) => {
+      console.log(res);
+      this.searchList = res.data;
+    });
+  },
+  mounted() {},
+  watch: {
+    selectNameList() {
+      let json;
+      if (this.selectNameList.length == 0) {
+        json = null;
+      }
+      if (Array.isArray(this.selectNameList)) {
+        json = this.selectNameList.map((item) => {
+          return {
+            staffId: item.staffId,
+            staffName: item.staffName,
+          };
+        });
+      } else {
+        json = this.selectNameList;
+      }
+
+      this.$emit("getPeopleList", JSON.stringify(json));
+    },
+  },
+  methods: {
+    changeNameList(jsonSelectNameList) {
+      if (jsonSelectNameList) {
+        this.selectNameList = JSON.parse(jsonSelectNameList);
+      } else {
+        this.selectNameList = [];
+      }
+      this.$refs.table.listStaff();
+    },
+    searchTable() {
+      this.$refs.table.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        deptId: this.deptId,
+        staffName: this.staffName,
+      };
+      this.$refs.table.listStaff();
+    },
+    deleteName(staffId) {
+      const index = this.selectNameList.findIndex((item) => {
+        return item.staffId == staffId;
+      });
+      if (index >= 0) {
+        console.log(index);
+        this.selectNameList.splice(index, 1);
+        this.$refs.table.toggleSelection(staffId);
+      }
+    },
+    addName(row) {
+      const index = this.selectNameList.findIndex((item) => {
+        // console.log(item.id)
+        return item.staffId == row.staffId;
+      });
+      console.log(index);
+      if (index >= 0) {
+        this.selectNameList.splice(index, 1);
+      } else {
+        this.selectNameList.push(row);
+      }
+    },
+    selectAll(all, allSelect) {
+      // console.log(all);
+      console.log(allSelect);
+      if (allSelect) {
+        all.forEach((item) => {
+          const index = this.selectNameList.findIndex((iten) => {
+            return iten.staffId == item.staffId;
+          });
+          if (index < 0) {
+            this.selectNameList.push(item);
+          }
+        });
+      } else {
+        all.forEach((item) => {
+          this.deleteName(item.staffId);
+        });
+      }
+    },
+    selectOne(all, row) {
+      this.addName(row);
+      // console.log(all,row)
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.changePeople-wrapper {
+  width: 100%;
+  height: 400px;
+  // background-color: red;
+  margin-top: 10px;
+  justify-content: space-between;
+  & > div {
+    flex-direction: column;
+  }
+  .changePeople-left,
+  .changePeople-right {
+    width: 415px;
+    height: 100%;
+    border: 1px solid #e5e6eb;
+  }
+  .middle {
+    align-items: center;
+    justify-content: center;
+    div{
+      color:#1890FF;
+      font-weight: 2000;
+    }
+  }
+  .changePeople-left {
+    padding: 14px 20px 11px 16px;
+    flex-direction: column;
+
+    .top-search {
+      margin-bottom: 12px;
+      justify-content: space-between;
+    }
+    .left-middle-table {
+      flex: 1;
+      // background: red;
+    }
+    .bottom-text {
+      padding-top: 10px;
+      font-size: 12px;
+      height: 20px;
+      line-height: 20px;
+      text-align: right;
+      color: #1890ff;
+    }
+  }
+  .changePeople-right {
+    flex-direction: column;
+    padding-top: 14px;
+    height: 100%;
+
+    .people-card {
+      flex-wrap: wrap;
+      align-content: flex-start;
+      width: 100%;
+      flex: 1;
+      height: 0;
+      padding-left: 11px;
+      overflow-y: scroll;
+      &::-webkit-scrollbar {
+        display: none; /* Chrome Safari */
+      }
+      .item {
+        width: 70px;
+        height: 30px;
+        line-height: 30px;
+        padding-left: 10px;
+        padding-right: 5px;
+        margin-right: 10px;
+        color: #3d3d3d;
+        box-sizing: border-box;
+        margin-bottom: 10px;
+        box-sizing: border-box;
+        border: 1px solid #a3d3ff;
+        border-radius: 3px;
+        font-size: 12px;
+        position: relative;
+        justify-content: space-between;
+      }
+      .close {
+        cursor: pointer;
+      }
+    }
+    .bottom-text {
+      // padding-top: 10px;
+      padding-right: 10px;
+      font-size: 12px;
+      height: 20px;
+      line-height: 20px;
+      text-align: right;
+      color: #1890ff;
+    }
+  }
+}
+</style>

danger-manage-web/src/main.js

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2022-06-16 14:52:17
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2022-09-20 23:37:42
+ * @LastEditTime: 2022-12-15 14:39:18
  * @FilePath: /danger-manage-web/src/main.js
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
@@ -48,11 +48,14 @@ import VueVideoPlayer from 'vue-video-player'
 // require videojs style
 import 'video.js/dist/video-js.css'
 // import 'vue-video-player/src/custom-theme.css'
+
 Vue.use(VueVideoPlayer, /* {
   options: global default options,
   events: global videojs events
 } */)
 
+
+
 // require('video.js/dist/video-js.css')
 // require('vue-video-player/src/custom-theme.css')
 // Vue.use(VideoPlayer)

danger-manage-web/src/views/educationPlanExam/lessonsProgram/components/AddQuestion.vue

@@ -175,7 +175,17 @@ export default {
   methods: {
     getQuestion() {
       getQuestion({ courseId: this.courseId }).then((res) => {
-        this.questionNextNum = res.total + 1;
+        // 如果是修改 就是原来的值，如果不是，就是总数+1
+        console.log(res)
+        if (this.topicId) {
+          res.rows.forEach((item, index) => {
+            if (item.topicId == this.topicId) {
+              this.questionNextNum = index+1;
+            }
+          });
+        } else {
+          this.questionNextNum = res.total + 1;
+        }
       });
     },
     getLessonById(courseId) {
@@ -249,7 +259,8 @@ export default {
       this.save(3).then((res) => {
         if (res) {
           this.reset();
-          this.questionNextNum++;
+          // this.questionNextNum++;
+          this.getQuestion();
         }
       });
     },

danger-manage-web/src/views/educationPlanExam/lessonsProgram/components/Dia.vue

@@ -2,7 +2,7 @@
  * @Author: 纪泽龙 jizelong@qq.com
  * @Date: 2022-09-22 10:38:49
  * @LastEditors: 纪泽龙 jizelong@qq.com
- * @LastEditTime: 2022-09-28 17:48:07
+ * @LastEditTime: 2022-12-17 10:24:41
  * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/addLesson.vue
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 -->

danger-manage-web/src/views/educationPlanExam/lessonsProgram/index.vue

@@ -70,10 +70,25 @@
 
     <el-table v-loading="loading" :data="lessonsList">
       <el-table-column label="课程标题" align="center" prop="courseName" />
+      <!-- <el-table-column label="课程类别" align="center" prop="planName">
+        <template v-slot="scope">
+          <div>
+            {{
+              courseOptions.filter(
+                (item) => item.planId == scope.row.courseType
+              )[0].planName
+            }}
+          </div>
+        </template>
+      </el-table-column> -->
       <el-table-column label="课程类别" align="center" prop="courseType">
         <template v-slot="scope">
           <div>
             {{
+              scope.row.courseType &&
+              courseOptions.filter(
+                (item) => item.planId == scope.row.courseType
+              )[0] &&
               courseOptions.filter(
                 (item) => item.planId == scope.row.courseType
               )[0].planName
@@ -88,7 +103,12 @@
       </el-table-column>
       <el-table-column label="附件" align="center" prop="enclosure">
         <template v-slot="{ row: { enclosure } }">
-          <a v-if="enclosure.indexOf('.txt')>=0" @click="downloadText(enclosure)" class="down-load">下载附件</a>
+          <a
+            v-if="enclosure && enclosure.indexOf('.txt') >= 0"
+            @click="downloadText(enclosure)"
+            class="down-load"
+            >下载附件</a
+          >
           <a v-else :href="enclosure" class="down-load">下载附件</a>
         </template>
       </el-table-column>
@@ -241,7 +261,7 @@ export default {
       this.loading = true;
       getLessons(this.queryParams)
         .then((res) => {
-          // console.log(res);
+          console.log(res);
           this.lessonsList = res.rows;
           this.total = res.total;
         })

danger-manage-web/src/views/educationPlanExam/questionBank/components/AddQuestion.vue

+<template>
+  <div ref="myBody" class="add-question flex">
+    <div class="text flex">
+      <div class="left">
+        目前录入题目是第<span>{{ questionNextNum }}</span
+        >道题
+      </div>
+      <div class="right">{{ courseName }}</div>
+    </div>
+
+    <el-form class="form flex" ref="form" :model="form" label-width="auto">
+      <!-- <div class="top flex"> -->
+      <div>
+        <el-form-item
+          label="题目内容"
+          prop="topicTitle"
+          :rules="{
+            required: true,
+            message: '必须输入题目内容',
+            trigger: 'blur',
+          }"
+        >
+          <el-input
+            type="textarea"
+            placeholder="多行输入"
+            resize="none"
+            rows="4"
+            v-model="form.topicTitle"
+          >
+          </el-input>
+        </el-form-item>
+      </div>
+
+      <div class="bottom">
+        <!-- <el-form-item label="选项1" prop="title">
+          <el-input v-model="form.title" placeholder="请输入"></el-input>
+        </el-form-item> -->
+        <el-form-item
+          v-for="(question, index) in form.questions"
+          :label="'选项' + (index + 1)"
+          :key="question.key"
+          :prop="'questions.' + index + '.value'"
+          :rules="
+            index === 0
+              ? {
+                  required: true,
+                  message: '第一项不能为空不能为空',
+                  trigger: 'blur',
+                }
+              : {}
+          "
+        >
+          <div class="add-select flex">
+            <el-input
+              type="textarea"
+              placeholder="多行输入"
+              style="flex: 1; margin-right: 10px"
+              rows="2"
+              v-model="question.value"
+            ></el-input>
+            <div class="flex algin-items">
+              <div
+                @click="rightAnswerClick(index)"
+                class="right"
+                :class="{ active: answerNum === index }"
+              >
+                设为正确答案
+              </div>
+              <el-button
+                size="mini"
+                type="danger"
+                v-if="index > 0"
+                @click.prevent="removeDomain(question)"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </el-form-item>
+
+        <el-form-item
+          class="noAttr"
+          :label="`选项${form.questions.length + 1}`"
+          prop=""
+        >
+          <div class="add-select flex">
+            <el-input
+              type="textarea"
+              placeholder="多行输入"
+              resize="none"
+              rows="2"
+              v-model="addValue"
+              style="flex: 1; margin-right: 10px"
+            >
+            </el-input>
+            <div class="flex algin-items">
+              <div
+                @click="rightAnswerClick(form.questions.length)"
+                class="right"
+                :class="{ active: answerNum === form.questions.length }"
+              >
+                设为正确答案
+              </div>
+
+              <el-button
+                size="mini"
+                type="primary"
+                @click.prevent="add(addValue)"
+                >新增</el-button
+              >
+            </div>
+          </div>
+        </el-form-item>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+// import {
+//   addQuestion,
+//   checkQuestion,
+//   changeQuestion,
+//   getQuestion,
+//   getLessonById,
+// } from "@/api/educationPlanExam/lessonsProgram.js";
+import { addSubject ,getSubject,listSubject,updateSubject} from "@/api/educationPlanExam/subject";
+
+export default {
+  name: "AnswerLesson",
+  props: {
+    // visible: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+    bankId: {
+      type: Number,
+    },
+    subjectId: {
+      type: Number,
+    },
+  },
+  components: {},
+  data() {
+    return {
+      form: {
+        topicTitle: "",
+        questions: [{ value: "" }, { value: "" }, { value: "" }],
+      },
+      answerNum: null,
+      addValue: "",
+      // 录入的是第几道题
+      questionNextNum: 1,
+      courseName: "",
+    };
+  },
+
+  created() {
+    // 如果存在就是修改
+    if (this.subjectId) {
+      getSubject(this.subjectId).then((res) => {
+        console.log('?',res.data);
+        const data = res.data;
+        this.form = {
+          topicTitle: data.topicTitle,
+          questions: JSON.parse(data.topicOption),
+        };
+        this.answerNum = data.answer;
+      });
+    }
+
+    // 查询是第几道题
+    this.getQuestion();
+    // 获取课程标题
+    // this.getLessonById(this.bankId);
+  },
+  methods: {
+    getQuestion() {
+      listSubject({ bankId: this.bankId }).then((res) => {
+        console.log(res)
+         // 如果是修改 就是原来的值，如果不是，就是总数+1
+        if (this.subjectId) {
+          res.rows.forEach((item, index) => {
+            if (item.subjectId == this.subjectId) {
+              this.questionNextNum = index+1;
+            }
+          });
+        } else {
+          this.questionNextNum = res.total + 1;
+        }
+      });
+    },
+    // getLessonById(bankId) {
+    //   getLessonById(bankId).then((res) => {
+    //     console.log(res);
+    //     this.courseName = res.data.courseName;
+    //   });
+    // },
+    addQuestion(data) {
+      // 如果是修改，就用修改的方法，如果是新增，就用新增的方法
+      if (this.subjectId) {
+        return updateSubject({ subjectId: this.subjectId, ...data });
+      } else {
+        return addSubject({ bankId: this.bankId, ...data });
+      }
+    },
+    rightAnswerClick(index) {
+      this.answerNum = index;
+      console.log(index);
+    },
+    // 删除选项
+    removeDomain(question) {
+      const index = this.form.questions.indexOf(question);
+      // 如果是正确答案,就让正确答案清空
+      if (this.answerNum === index) {
+        this.answerNum = null;
+      }
+      if (index >= 0) {
+        this.form.questions.splice(index, 1);
+      }
+    },
+    // 新增选项
+    add(addValue) {
+      this.form.questions.push({ value: addValue });
+      console.log();
+    },
+    save(num = 2) {
+      return new Promise((resove) => {
+        if (!this.answerNum && this.answerNum !== 0) {
+          this.$message({
+            message: "警告，请设置一个正确答案",
+            type: "warning",
+          });
+          return resove(false);
+        }
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            const data = {};
+            data.topicTitle = this.form.topicTitle;
+            data.topicOption = JSON.stringify(this.form.questions);
+            data.answer = this.answerNum;
+            this.addQuestion(data).then((res) => {
+              if (res.code == 200) {
+                // 把修改的这个归位，变成正常添加
+                this.$emit("update:subjectId", null);
+                this.$message({
+                  message: "添加题目成功",
+                  type: "success",
+                });
+                this.$parent.$parent.componentsNumChange(num);
+                this.$parent.$parent.$parent.getList();
+                resove(true);
+              }
+            });
+          }
+        });
+      });
+    },
+
+    saveAndNext() {
+      this.save(3).then((res) => {
+        if (res) {
+          this.reset();
+          // this.questionNextNum++;
+          this.getQuestion();
+        }
+      });
+    },
+    reset() {
+      this.form = {
+        topicTitle: "",
+        questions: [{ value: "" }, { value: "" }, { value: "" }],
+      };
+      this.answerNum = null;
+      this.addValue = "";
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.add-question {
+  width: 100%;
+  height: 550px;
+  // overflow: hidden;
+  flex-direction: column;
+  padding-bottom: 7px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #bbbbbb;
+  .form {
+    flex: 1;
+    flex-direction: column;
+    height: 100%;
+    .bottom {
+      overflow-y: auto;
+      height: 330px;
+      box-sizing: border-box;
+
+      .algin-items {
+        align-items: center;
+        width: 200px;
+      }
+      .right {
+        display: inline-block;
+        width: 133px;
+        margin-right: 10px;
+        line-height: initial;
+        padding: 4px 0;
+        border: 1px solid #bbbbbb;
+        color: #101010;
+        font-size: 12px;
+        text-align: center;
+        border-radius: 4px;
+        box-sizing: border-box;
+        cursor: pointer;
+        &.active {
+          background-color: #0bab0c;
+          color: #ffffff;
+        }
+        &:hover {
+          background-color: rgba(11, 171, 12, 0.5);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+  .text {
+    margin-top: 13px;
+    margin-bottom: 34px;
+    justify-content: space-between;
+    height: 28px;
+    .left {
+      line-height: 28px;
+      color: #101010;
+      font-size: 14px;
+    }
+    .right {
+      width: 411px;
+      line-height: 28px;
+      background: #1d84ff;
+      padding-right: 5px;
+      color: #fff;
+      text-align: right;
+    }
+  }
+}
+</style>

danger-manage-web/src/views/educationPlanExam/questionBank/components/Dia.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-09-22 10:38:49
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-17 14:28:56
+ * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/addLesson.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <el-dialog
+    class="add-lession"
+    :title="title"
+    :visible.sync="visible"
+    width="1000px"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :before-close="dialogCancel"
+    @closed="closeFinished"
+    destroy-on-close
+  >
+    <div v-if="visible" ref="myBody" class="body">
+      <transition name="fade" mode="out-in">
+        <component
+          :is="currentComponent"
+          :bankId.sync="bankId"
+          :subjectId.sync="subjectId"
+          ref="current"
+        ></component>
+      </transition>
+      <!-- <Lesson ref='lesson'/> -->
+      <!-- <AddQuestion />
+      <QuestionList/> -->
+    </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button
+        type="primary"
+        v-if="this.componentsNum == 1 || this.componentsNum == 3"
+        @click="save"
+        >保存</el-button
+      >
+
+      <el-button type="primary" @click="saveAndNext">{{
+        saveNextText
+      }}</el-button>
+      <el-button
+        v-if="this.componentsNum == 2"
+        type="primary"
+        @click="dialogCancel"
+        >{{ "确认" }}</el-button
+      >
+      <el-button @click="dialogCancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Lesson from "./Lesson";
+import AddQuestion from "./AddQuestion";
+import QuestionList from "./QuestionList";
+
+export default {
+  name: "AnswerLesson",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    componentsNum: {
+      type: Number,
+      default: 1,
+    },
+    bankId: {
+      type: Number,
+    },
+  },
+  // components: {
+  //   Lesson,
+  //   AddQuestion,
+  //   QuestionList,
+  // },
+
+  data() {
+    return {
+      title: "录入课程",
+      currentComponent: Lesson,
+      // 当前题目查看
+      subjectId: null,
+    };
+  },
+  watch: {
+    componentsNum: {
+      handler(num) {
+        if (num === 1) {
+          this.currentComponent = Lesson;
+          if (this.bankId) {
+            this.title = "修改课程";
+          } else {
+            this.title = "新增课程";
+          }
+        } else if (num === 2) {
+          this.currentComponent = QuestionList;
+
+          this.title = "题目列表";
+        } else {
+          this.currentComponent = AddQuestion;
+          if (this.subjectId) {
+            this.title = "修改题目";
+          } else {
+            this.title = "新增题目";
+          }
+        }
+      },
+      deep: true,
+    },
+  },
+  computed: {
+    saveNextText() {
+      let text;
+      if (this.componentsNum == 1) {
+        text = "保存并录入题目";
+      } else if (this.componentsNum == 2) {
+        text = "录入考题";
+      } else {
+        text = "保存并录入下一题";
+      }
+      return text;
+    },
+  },
+  methods: {
+    saveBody() {
+      this.startHeight = this.$refs.myBody.offsetHeight - 55 + "px";
+    },
+
+    closeFinished() {},
+    // 关闭之后
+    // 只保存
+    save() {
+      // this.answerClear();
+      this.$refs.current.save();
+    },
+    // 保存并录入
+    saveAndNext() {
+      this.$refs.current.saveAndNext();
+    },
+    // 隐藏与显示dialog
+    dialogCancel() {
+      this.$emit("update:visible", false);
+    },
+    // 把ID改变了
+    changeCourseId(bankId) {
+      this.$emit("update:bankId", bankId);
+    },
+    // 改变当前组件
+    componentsNumChange(num) {
+      this.$emit("update:componentsNum", num);
+    },
+
+    answerClear() {
+      this.answerArr = [];
+      this.changeCourseId(null);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.body {
+  width: 100%;
+  height: 100%;
+  padding-right: 40px;
+  padding-left: 36px;
+}
+</style>

danger-manage-web/src/views/educationPlanExam/questionBank/components/Editor.vue

+<template>
+  <div>
+    <el-upload
+      :action="uploadUrl"
+      :on-success="handleUploadSuccess"
+      :on-error="handleUploadError"
+      name="file"
+      :show-file-list="false"
+      :headers="headers"
+      style="display: none"
+      ref="upload"
+      v-if="this.uploadUrl"
+    >
+    </el-upload>
+    <div class="editor" ref="editor" :style="styles"></div>
+  </div>
+</template>
+
+<script>
+import Quill from "quill";
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+import { getToken } from "@/utils/auth";
+
+export default {
+  name: "Editor",
+  props: {
+    /* 编辑器的内容 */
+    value: {
+      type: String,
+      default: "",
+    },
+    /* 高度 */
+    height: {
+      type: Number,
+      default: null,
+    },
+    /* 最小高度 */
+    minHeight: {
+      type: Number,
+      default: null,
+    },
+    /* 只读 */
+    readOnly: {
+      type: Boolean,
+      default: false,
+    },
+    /* 上传地址 */
+    uploadUrl: {
+      type: String,
+      default: "",
+    }
+  },
+  data() {
+    return {
+      headers: {
+        Authorization: "Bearer " + getToken()
+      },
+      Quill: null,
+      currentValue: "",
+      options: {
+        theme: "snow",
+        bounds: document.body,
+        debug: "warn",
+        modules: {
+          // 工具栏配置
+          toolbar: [
+            ["bold", "italic", "underline", "strike"],       // 加粗 斜体 下划线 删除线
+            ["blockquote", "code-block"],                    // 引用  代码块
+            [{ list: "ordered" }, { list: "bullet" }],       // 有序、无序列表
+            [{ indent: "-1" }, { indent: "+1" }],            // 缩进
+            [{ size: ["small", false, "large", "huge"] }],   // 字体大小
+            [{ header: [1, 2, 3, 4, 5, 6, false] }],         // 标题
+            [{ color: [] }, { background: [] }],             // 字体颜色、字体背景颜色
+            [{ align: [] }],                                 // 对齐方式
+            ["clean"],                                       // 清除文本格式
+            ["link", "image"]                       // 链接、图片、视频"video"
+          ],
+        },
+        placeholder: "请输入内容",
+        readOnly: this.readOnly,
+      },
+    };
+  },
+  computed: {
+    styles() {
+      let style = {};
+      if (this.minHeight) {
+        style.minHeight = `${this.minHeight}px`;
+      }
+      if (this.height) {
+        style.height = `${this.height}px`;
+      }
+      return style;
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        if (val !== this.currentValue) {
+          this.currentValue = val === null ? "" : val;
+          if (this.Quill) {
+            this.Quill.pasteHTML(this.currentValue);
+          }
+        }
+      
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    this.init();
+  },
+  beforeDestroy() {
+    this.Quill = null;
+  },
+  methods: {
+    init() {
+      const editor = this.$refs.editor;
+      this.Quill = new Quill(editor, this.options);
+      // 如果设置了上传地址则自定义图片上传事件
+      if (this.uploadUrl) {
+        let toolbar = this.Quill.getModule("toolbar");
+        toolbar.addHandler("image", (value) => {
+          this.uploadType = "image";
+          if (value) {
+            this.$refs.upload.$children[0].$refs.input.click();
+          } else {
+            this.quill.format("image", false);
+          }
+        });
+        toolbar.addHandler("video", (value) => {
+          this.uploadType = "video";
+          if (value) {
+            this.$refs.upload.$children[0].$refs.input.click();
+          } else {
+            this.quill.format("video", false);
+          }
+        });
+      }
+      this.Quill.pasteHTML(this.currentValue);
+      this.Quill.on("text-change", (delta, oldDelta, source) => {
+        const html = this.$refs.editor.children[0].innerHTML;
+        const text = this.Quill.getText();
+        const quill = this.Quill;
+        this.currentValue = html;
+        this.$emit("input", html);
+        this.$emit("on-change", { html, text, quill });
+      });
+      this.Quill.on("text-change", (delta, oldDelta, source) => {
+        this.$emit("on-text-change", delta, oldDelta, source);
+      });
+      this.Quill.on("selection-change", (range, oldRange, source) => {
+        this.$emit("on-selection-change", range, oldRange, source);
+      });
+      this.Quill.on("editor-change", (eventName, ...args) => {
+        this.$emit("on-editor-change", eventName, ...args);
+      });
+    },
+    handleUploadSuccess(res, file) {
+      // 获取富文本组件实例
+      let quill = this.Quill;
+      // 如果上传成功
+      if (res.code == 200) {
+        // 获取光标所在位置
+        let length = quill.getSelection().index;
+        // 插入图片  res.url为服务器返回的图片地址
+        quill.insertEmbed(length, "image", res.url);
+        // 调整光标到最后
+        quill.setSelection(length + 1);
+      } else {
+        this.$message.error("图片插入失败");
+      }
+    },
+    handleUploadError() {
+      this.$message.error("图片插入失败");
+    },
+  },
+};
+</script>
+
+<style>
+.editor, .ql-toolbar {
+  white-space: pre-wrap !important;
+  line-height: normal !important;
+}
+.quill-img {
+  display: none;
+}
+.ql-snow .ql-tooltip[data-mode="link"]::before {
+  content: "请输入链接地址:";
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
+  border-right: 0px;
+  content: "保存";
+  padding-right: 0px;
+}
+
+.ql-snow .ql-tooltip[data-mode="video"]::before {
+  content: "请输入视频地址:";
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item::before {
+  content: "14px";
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
+  content: "10px";
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
+  content: "18px";
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
+  content: "32px";
+}
+
+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item::before {
+  content: "文本";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  content: "标题1";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  content: "标题2";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  content: "标题3";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  content: "标题4";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  content: "标题5";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  content: "标题6";
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item::before {
+  content: "标准字体";
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
+  content: "衬线字体";
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
+  content: "等宽字体";
+}
+</style>

danger-manage-web/src/views/educationPlanExam/questionBank/components/Lesson.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-09-22 10:59:44
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-17 14:36:14
+ * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/Lession.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="form-wrapper">
+    <el-form
+      class="form"
+      ref="form"
+      :model="form"
+      label-width="auto"
+      :rules="rules"
+    >
+      <div class="top flex">
+        <el-form-item label="题库名称" prop="bankName">
+          <el-input style="width: 300px" v-model="form.bankName"></el-input>
+        </el-form-item>
+
+        <el-form-item
+          label="归属部门"
+          prop="deptId"
+          label-width="140px"
+          ref="treeItem"
+        >
+          <Treeselect
+            class="tree"
+            v-model="form.deptId"
+            :options="deptOptions"
+            :show-count="true"
+            placeholder="请选择归属部门"
+            @open="treeOpen"
+            @close="treeClose"
+            @select="select"
+          />
+        </el-form-item>
+      </div>
+
+      <!-- </div> -->
+      <!-- <el-form-item label="课程内容" prop="courseConent">
+        <Editor v-model="form.courseConent" :min-height="192" />
+        <el-input
+          v-show="false"
+          disabled
+          v-model="form.courseConent"
+        ></el-input>
+      </el-form-item> -->
+
+      <!-- <div class="flex">
+        <el-form-item label="视频上传" v-if="!readOnly" prop="video">
+          <FileUpload
+            listType="picture"
+            @resFun="getFileInfoVideo"
+            @remove="listRemoveVideo"
+            :fileArr="fileListVideo"
+            :fileSize="500"
+            :fileType="['mp4']"
+          />
+          <el-input v-show="false" disabled v-model="form.video"></el-input>
+        </el-form-item>
+        <el-form-item label="附件上传" v-if="!readOnly" prop="enclosure">
+          <FileUpload
+            listType="picture"
+            @resFun="getFileInfoFile"
+            @remove="listRemoveFile"
+            :fileArr="fileListFile"
+          />
+          <el-input v-show="false" disabled v-model="form.enclosure"></el-input>
+        </el-form-item>
+      </div> -->
+    </el-form>
+  </div>
+</template>
+
+<script>
+import Editor from "./Editor";
+import FileUpload from "@/components/FileUpload";
+import uploadfile from "@/assets/uploadfile.png";
+// import { mapGetters } from "vuex";
+// import {
+//   addLessons,
+//   getLessonById,
+//   changeLesson,
+// } from "@/api/educationPlanExam/lessonsProgram";
+import {
+  listBank,
+  addBank,
+  updateBank,
+  getBank,
+  
+} from "@/api/educationPlanExam/questionBank";
+
+// 所有部门
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+export default {
+  name: "",
+  props: {
+    bankId: {
+      type: Number,
+    },
+  },
+  components: {
+    Editor,
+    FileUpload,
+    Treeselect,
+  },
+  data() {
+    return {
+      form: {
+        bankName: "",
+        // courseType: "",
+        // courseConent: "",
+        // video: "",
+        // enclosure: "",
+        deptId: null,
+      },
+      // 归属部门列表
+      deptOptions: [],
+
+      fileListVideo: [],
+      fileListFile: [],
+      readOnly: false,
+      rules: {
+        bankName: [
+          { required: true, trigger: "blur", message: "课程名称不能为空" },
+        ],
+        deptId: [
+          { required: true, trigger: "blur", message: "请选择所属部门" },
+        ],
+        // courseType: [
+        //   { required: true, trigger: "change", message: "课程类型不能为空" },
+        // ],
+        // courseConent: [
+        //   { required: true, trigger: "blur", message: "课程内容不能为空" },
+        // ],
+        // video: [{ required: true, trigger: "blue", message: "视频不能为空" }],
+        // enclosure: [
+        //   { required: true, trigger: "blur", message: "附件不能为空" },
+        // ],
+      },
+    };
+  },
+  computed: {
+    // 获取课程类型
+    // ...mapGetters(["courseOptions"]),
+  },
+  created() {
+    if (this.bankId) {
+      this.getLessonById();
+    }
+    // 归属部门列表
+    this.getTreeselect();
+  },
+  mounted() {},
+  methods: {
+    // 添加课程
+    addLessons(data) {
+      if (!this.bankId) {
+        console.log("添加");
+        return addBank(data);
+      } else {
+        console.log("修改");
+        return updateBank({ bankId: this.bankId, ...data });
+      }
+    },
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+        console.log(this.deptOptions);
+      });
+    },
+    // 当树形组件打开
+    treeOpen() {
+      document.querySelector(".vue-treeselect__control").style.borderColor = "";
+    },
+    // 当属性组件关闭
+    treeClose(a, b) {
+      if (!a) {
+        // 手动添加报红功能，没值的时候报红
+        document.querySelector(".vue-treeselect__control").style.borderColor =
+          "red";
+        this.save();
+      } else {
+        document.querySelector(".vue-treeselect__control").style.borderColor =
+          "";
+        this.$refs.treeItem.clearValidate();
+      }
+    },
+    select() {},
+    // 复现
+    getLessonById() {
+      getBank(this.bankId).then((res) => {
+        console.log("res", res);
+        if (res.code == 200) {
+          this.form = {
+            bankName: res.data.bankName,
+            deptId: res.data.deptId,
+          };
+          //   const data = res.data;
+          //   const { bankName, courseType, courseConent, video, enclosure } =
+          //     data;
+          //   this.form = {
+          //     bankName,
+          //     courseType,
+          //     courseConent,
+          //     video,
+          //     enclosure,
+          //   };
+          //   this.fileListVideo = [
+          //     {
+          //       name: bankName + "视频",
+          //       url: uploadfile,
+          //     },
+          //   ];
+          //   this.fileListFile = [
+          //     {
+          //       name: bankName + "附件",
+          //       url: uploadfile,
+          //     },
+          //   ];
+        }
+      });
+    },
+    getFileInfoVideo(res) {
+      this.form.video = res.url;
+      // this.form.videoName = res.fileName;
+      this.fileListVideo = [
+        {
+          name: res.fileName,
+          url: uploadfile,
+        },
+      ];
+    },
+    listRemoveVideo(e) {
+      this.fileListVideo = [];
+      this.form.video = "";
+      // this.form.videoName = null;
+    },
+    getFileInfoFile(res) {
+      this.form.enclosure = res.url;
+      // this.form.enclosureName = res.fileName;
+      this.fileListFile = [
+        {
+          name: res.fileName,
+          url: uploadfile,
+        },
+      ];
+    },
+    listRemoveFile(e) {
+      this.fileListFild = [];
+      this.form.enclosure = "";
+      // this.form.fileName = null;
+    },
+    save(num = 2) {
+      // 因为富文本编辑器会残留<p><br></p>，所以要清空
+      // if (this.form.courseConent === "<p><br></p>") {
+      //   this.form.courseConent = "";
+      // }
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.addLessons({ ...this.form }).then((res) => {
+            // 如果添加会传回来，就用传回来的，如果是修改本身就有，就用本身的
+            // console.log('res',res)
+            const bankId = this.bankId || res;
+            // if (res.code == 200) {
+            // 这样调比较纯函数一点
+            if (num == 2) {
+              this.$message({
+                message: "保存题库成功",
+                type: "success",
+              });
+            } else if (num == 3) {
+              this.$message({
+                message: "保存题库成功,请开始录入题目",
+                type: "success",
+              });
+            }
+            this.$parent.$parent.componentsNumChange(num);
+            this.$parent.$parent.changeCourseId(bankId);
+            this.$parent.$parent.$parent.getList();
+
+            return true;
+            // }
+          });
+        } else {
+          if (!this.form.deptId) {
+            document.querySelector(
+              ".vue-treeselect__control"
+            ).style.borderColor = "red";
+          } else {
+            document.querySelector(
+              ".vue-treeselect__control"
+            ).style.borderColor = "";
+            this.$refs.treeItem.clearValidate();
+          }
+        }
+      });
+    },
+    // 保存并进入题目
+    saveAndNext() {
+      this.save(3);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form-wrapper {
+  padding-top: 22px;
+  width: 100%;
+  height: 100px;
+  // overflow: hidden;
+  // padding-bottom: 10px;
+  margin-bottom: 20px;
+
+  border-bottom: 1px solid #bbbbbb;
+  .top {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
+</style>

danger-manage-web/src/views/educationPlanExam/questionBank/components/QuestionList.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-09-22 17:56:05
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-17 14:28:57
+ * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/QuestionList.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div ref="myBody" class="add-question flex">
+    <div class="text flex">
+      <div class="left">
+        目前有<span>{{ questionNum || 0 }}</span
+        >道题
+        <!-- <span class="warn">温馨提示：发布课程前需要进行考试设置</span> -->
+      </div>
+      <div class="right">{{ courseName }}</div>
+    </div>
+    <div class="table flex" v-loading="loading">
+      <div class="th flex">
+        <div class="left">序号</div>
+        <div class="middle">题目名称</div>
+        <div class="right">操作</div>
+      </div>
+      <div class="td-wrapper">
+        <div
+          v-for="(item, index) in questionList"
+          :key="item.subjectId"
+          class="td flex"
+        >
+          <div class="left">{{ index + 1 }}</div>
+          <div class="middle zzz">
+            {{ item.topicTitle }}
+          </div>
+          <div class="right">
+            <div>
+              <el-button
+                @click="edit(item.subjectId)"
+                icon="el-icon-edit"
+                type="text"
+                >修改</el-button
+              >
+              <el-button
+                @click="deleteLesson(item.subjectId)"
+                icon="el-icon-delete"
+                type="text"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- <div class="rightNum flex">
+
+       <div class="left">录入考题</div>
+      <div class="middle flex">
+        <div class="left-text">答对题目大于</div>
+        <div>
+          <el-input
+            v-model="rightNum"
+            style="width: 60px"
+            size="mini"
+          ></el-input>
+        </div>
+        <div>为合格</div>
+      </div>
+      <div class="right">
+        <el-button
+          @click="saveRightNum"
+          icon="el-icon-check"
+          size="mini"
+          type="success"
+          >保存</el-button
+        >
+      </div> 
+    </div> -->
+  </div>
+</template>
+
+<script>
+import {
+  getQuestion,
+  deleteQuestion,
+  changeLesson,
+  getLessonById,
+} from "@/api/educationPlanExam/lessonsProgram";
+import { listSubject, delSubject } from "@/api/educationPlanExam/subject";
+import { getBank } from "@/api/educationPlanExam/questionBank";
+
+export default {
+  name: "AnswerLesson",
+  props: {
+    bankId: {
+      type: Number,
+    },
+  },
+  components: {},
+  data() {
+    return {
+      // 当前课程的第几题，调一遍接口
+      questionNum: null,
+      // 答对几道题
+      rightNum: 0,
+      questionList: [],
+      loading: false,
+      courseName: "",
+    };
+  },
+  // watch: {
+  //   visible(newValue) {
+  //     if (newValue) {
+  //       this.$nextTick(() => {
+  //         this.saveBody();
+  //       });
+  //     }
+  //   },
+  // },
+
+  created() {
+    console.log("this.bankId", this.bankId);
+    if (this.bankId) {
+      this.getQuestion({ bankId: this.bankId });
+      // 获取只题目正确几题算过关
+      this.getLessonById(this.bankId);
+    }
+  },
+  methods: {
+    save() {
+      console.log("QuestionList");
+    },
+    saveAndNext() {
+      this.$parent.$parent.componentsNumChange(3);
+    },
+    getQuestion(bankId) {
+      console.log(bankId);
+      return listSubject(bankId).then((res) => {
+        console.log("题库res", res);
+
+        this.questionList = res.rows.map((item) => {
+          return {
+            subjectId: item.subjectId,
+            topicTitle: item.topicTitle,
+          };
+        });
+        this.questionNum = res.total;
+        return true;
+      });
+    },
+    getLessonById(bankId) {
+      getBank(bankId).then((res) => {
+        // console.log(res);
+        // this.rightNum = res.data.qualifiedNum;
+        this.courseName = res.data.bankName;
+      });
+    },
+    edit(subjectId) {
+      this.$emit("update:subjectId", subjectId);
+      this.$parent.$parent.componentsNumChange(3);
+    },
+    deleteLesson(subjectId) {
+      this.$confirm("请确定删除该题", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.loading = true;
+          return delSubject(subjectId);
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              message: "删除成功",
+              type: "success",
+            });
+          }
+          return this.getQuestion({ bankId: this.bankId });
+        })
+        .finally(() => {
+          this.loading = false;
+          // 课程列表重置一下
+          this.$parent.$parent.$parent.getList();
+        });
+    },
+    saveRightNum() {
+      if (this.rightNum > this.questionList.length) {
+        this.$message({
+          message: "答对题目数应小于等于考试题目总数",
+          type: "warning",
+        });
+        return;
+      }
+      changeLesson({
+        bankId: this.bankId,
+        qualifiedNum: this.rightNum,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            message: "答题合格数修改成功",
+            type: "success",
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.add-question {
+  width: 100%;
+  height: 550px;
+  // overflow: hidden;
+  flex-direction: column;
+  padding-bottom: 7px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #bbbbbb00;
+
+  .text {
+    margin-top: 13px;
+    margin-bottom: 32px;
+    justify-content: space-between;
+    height: 28px;
+    .left {
+      line-height: 28px;
+      color: #101010;
+      font-size: 14px;
+      .warn {
+        display: inline-flex;
+        font-size: 12px;
+        color: red;
+        margin-left: 10px;
+      }
+    }
+
+    .right {
+      width: 411px;
+      line-height: 28px;
+      background: #1d84ff;
+      padding-right: 5px;
+      color: #fff;
+      text-align: right;
+    }
+  }
+  .table {
+    flex: 1;
+    height: 0;
+
+    flex-direction: column;
+    .th {
+      width: 100%;
+      height: 70px;
+      line-height: 70px;
+      background: #f5f5f5;
+      color: #606266;
+
+      > div {
+        height: 100%;
+      }
+      .left {
+        width: 15%;
+        text-align: center;
+      }
+      .middle {
+        width: 60%;
+        padding-left: 100px;
+      }
+      .right {
+        width: 25%;
+        text-align: center;
+      }
+    }
+    .td-wrapper {
+      flex: 1;
+      overflow-y: auto;
+      // 这样子元素才能有滚动条
+      .td {
+        height: 68px;
+        line-height: 68px;
+        box-sizing: border-box;
+        border-bottom: 1px solid #bbbbbb;
+        &:last-child {
+          border-bottom: none;
+        }
+        > div {
+          height: 100%;
+        }
+        .left {
+          width: 15%;
+          text-align: center;
+        }
+        .middle {
+          width: 60%;
+          padding-left: 10px;
+        }
+        .right {
+          width: 25%;
+          text-align: center;
+        }
+      }
+    }
+  }
+  .rightNum {
+    margin-top: 5px;
+    height: 55px;
+    box-sizing: border-box;
+    border: 1px solid #bbbbbb;
+    line-height: 55px;
+    > .left {
+      width: 140px;
+      background: #0bab0c;
+      font-size: 14px;
+      color: #fff;
+      text-align: center;
+    }
+    > .middle {
+      > div {
+        margin-right: 5px;
+      }
+      .left-text {
+        margin-left: 10px;
+      }
+      .middle {
+        margin-right: 20px;
+      }
+    }
+    .right {
+      margin-left: 20px;
+    }
+    // background: black;
+  }
+}
+</style>

danger-manage-web/src/views/educationPlanExam/questionBank/index.vue

+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      label-width="68px"
+      
+    >
+      <!-- <el-form-item label="课件类别" prop="courseType">
+        <el-select
+          v-model="queryParams.courseType"
+          placeholder="请选择课程类型"
+          clearable
+          size="small"
+        >
+          <el-option
+            v-for="course in courseOptions"
+            :key="course.planId"
+            :label="course.planName"
+            :value="course.planId"
+          />
+        </el-select>
+      </el-form-item> -->
+
+       <el-form-item
+          label="考试名称"
+          prop="deptId"
+          ref="treeItem"
+        >
+          <Treeselect
+            class="tree"
+            v-model="queryParams.deptId"
+            :options="deptOptions"
+            :show-count="true"
+            placeholder="请选择归属部门"
+            style="width:200px"
+          />
+        </el-form-item>
+      <el-form-item label="名称" prop="courseName">
+        <el-input
+          v-model="queryParams.courseName"
+          placeholder="考试时间"
+          clearable
+          size="small"
+        />
+      </el-form-item>
+      <!-- <el-form-item label="发布时间" prop="releaseTime">
+        <el-date-picker
+          v-model="queryParams.releaseTime"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="datetime"
+          placeholder="选择日期时间"
+          default-time="12:00:00"
+        >
+        </el-date-picker>
+      </el-form-item> -->
+
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="search"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetClick"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:book:add']"
+          >新增</el-button
+        >
+      </el-col>
+    </el-row>
+
+    <el-table v-loading="loading" :data="bankList">
+      <el-table-column label="序号" width='50' align="center" prop="bankNum"/>
+
+      <el-table-column label="题库名称" align="center" prop="bankName">
+      </el-table-column>
+      <el-table-column
+        label="所属单位"
+        align="center"
+        prop="courseType"
+      >
+        <template v-slot="scope">
+          <div>
+            {{ selectList(deptOptions, scope.row.deptId)||'-' }}
+          </div>
+        </template>
+      </el-table-column>
+
+      <!-- <el-table-column label="附件" align="center" prop="enclosure">
+        <template v-slot="{ row: { enclosure } }">
+          <a
+            v-if="enclosure && enclosure.indexOf('.txt') >= 0"
+            @click="downloadText(enclosure)"
+            class="down-load"
+            >下载附件</a
+          >
+          <a v-else :href="enclosure" class="down-load">下载附件</a>
+        </template>
+      </el-table-column> -->
+      <!-- <el-table-column label="视频" align="center" prop="video">
+        <template v-slot="{ row: { courseName, video } }">
+          <a @click="downLoadVideo(video, courseName)" class="down-load"
+            >下载视频</a
+          >
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="发布时间"
+        align="center"
+        prop="releaseTime"
+        :formatter="formatter"
+      /> -->
+      <el-table-column
+        label="考试题数量"
+        align="center"
+        prop="topicNum"
+        width="180"
+      >
+        <template v-slot="{ row: { topicNum, bankId } }">
+          <div @click="checkQuestion(bankId)" class="timuNum">
+            <div v-if="topicNum > 0">{{ `已录入${topicNum}题` }}</div>
+            <div v-else>未录入</div>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template v-slot="{ row: { bankId } }">
+          <!-- <div>{{status}}</div> -->
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="changeBank(bankId)"
+            >编辑</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="deletBank(bankId)"
+            >删除</el-button
+          >
+          <!-- <el-button
+            v-if="status == 0"
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="issueLesson(bankId)"
+            >发布</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"
+    />
+    <Dia
+      ref="Dia"
+      :componentsNum.sync="componentsNum"
+      :bankId.sync="bankId"
+      :visible.sync="dilogFlag"
+    />
+
+    <el-dialog> </el-dialog>
+  </div>
+</template>
+
+<script>
+// import {
+//   getLessons,
+//   getLessonById,
+//   issue,
+//   deleteLesson,
+// } from "@/api/educationPlanExam/lessonsProgram.js";
+import { listBank,delBank } from "@/api/educationPlanExam/questionBank";
+// 部门列表
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+// 获取课程类型
+// import { getPlanList } from "@/api/educationPlanExam/trainingProgram";
+// import { mapGetters, mapMutations } from "vuex";
+
+import Dia from "./components/Dia";
+
+export default {
+  name: "questionBank",
+  components: {
+    Dia,
+    Treeselect
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: false,
+      // 总条数
+      total: 0,
+      // courseOptions: [],
+      bankList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        // 所属部门
+        deptId: null,
+        // 题库名称
+        bankName: null,
+        releaseTime: "",
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+
+      dilogFlag: false,
+      componentsNum: 1,
+      // 点击的id，如果是新增为空
+      bankId: null,
+
+      // 题库id
+      deptId: null,
+      // 归属部门列表
+      deptOptions: [],
+    };
+  },
+  computed: {
+    // ...mapGetters(["courseOptions"]),
+  },
+  created() {
+    // this.getPlanList();
+    this.getTreeselect();
+    this.getList();
+  },
+
+  methods: {
+    // ...mapMutations({ setOptions: "SET_COURSE_OPTIONS" }),
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+        // console.log("123", this.deptOptions);
+        // console.log(this.selectList(this.deptOptions, 175));
+      });
+    },
+    // 递归查值的方法
+    selectList(list, id) {
+      for (let i = 0; i < list.length; i++) {
+        let item = list[i];
+        if (item.id == id) {
+          return item.label;
+        } else {
+          if (Array.isArray(item.children)) {
+            let a = this.selectList(item.children, id);
+            if (a) {
+              return a;
+            }
+          }
+        }
+      }
+    },
+    // 获取课程类别，也就是计划名称
+    // getPlanList() {
+    //   getPlanList().then((res) => {
+    //     const courseOptions = res.data.map((item) => {
+    //       return {
+    //         planId: item.planId,
+    //         planName: item.planName,
+    //       };
+    //     });
+    //     // this.$store.commit("SET_COURSE_OPTIONS");
+    //     this.setOptions(courseOptions);
+    //   });
+    // },
+
+    /** 查询课程列表 */
+    getList() {
+      this.loading = true;
+      listBank(this.queryParams)
+        .then((res) => {
+          console.log(res);
+          this.bankList = res.rows.map((item, index) => {
+            return {
+              bankNum:
+                index +
+                1 +
+                (this.queryParams.pageNum - 1) * this.queryParams.pageSize,
+              ...item,
+            };
+          });
+          this.total = res.total;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    search() {
+      // console.log(this.queryParams);
+      this.getList();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$refs.Dia.title = "新增题库";
+      this.componentsNum = 1;
+      this.bankId = null;
+      this.dilogFlag = true;
+    },
+    changeBank(bankId) {
+      this.$refs.Dia.title = "修改题库";
+      this.componentsNum = 1;
+      this.bankId = bankId;
+      this.dilogFlag = true;
+    },
+
+    // 直接查看考题
+    checkQuestion(bankId) {
+      // 要查看考题的id
+      this.bankId = bankId;
+      console.log(this.bankId);
+      // 2代表列表组件
+      this.componentsNum = 2;
+      this.dilogFlag = true;
+    },
+    // 重置
+    resetClick() {
+      this.reset();
+      this.getList();
+    },
+    // 复位
+    reset() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        courseType: null,
+        courseName: null,
+        releaseTime: "",
+      };
+    },
+    deletBank(bankId) {
+      this.$confirm("请确定删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          return delBank(bankId);
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              message: "删除成功",
+              type: "success",
+            });
+          }
+          this.getList();
+        })
+        .catch(() => {});
+    },
+    // 发布
+    // issueLesson(bankId) {
+    //   this.$confirm("请确定发布", {
+    //     confirmButtonText: "确定",
+    //     cancelButtonText: "取消",
+    //     type: "warning",
+    //   })
+    //     .then(() => {
+    //       // 判断是否录入答题合格数
+    //       return getLessonById(bankId);
+    //     })
+    //     .then((res) => {
+    //       if (res.data.qualifiedNum > 0) {
+    //         return true;
+    //       }
+    //     })
+    //     .then((res) => {
+    //       if (res) {
+    //         // 成功就发布
+    //         return issue({ bankId });
+    //       } else {
+    //         this.$message({
+    //           message: "请先录入答题合格数",
+    //           type: "warning",
+    //         });
+    //       }
+    //     })
+    //     .then((res) => {
+    //       if (res.code == 200) {
+    //         this.$message({
+    //           message: "发布成功",
+    //           type: "success",
+    //         });
+    //         this.getList();
+    //       }
+    //     })
+    //     .catch(() => {});
+    // },
+    formatter(row, column, cellValue, index) {
+      // console.log(row, column, cellValue, index);
+      if (!cellValue) return "-";
+      else return cellValue;
+    },
+    // downloadText(url) {
+    //   // url = url.replace(/\\/g, "/");
+    //   const xhr = new XMLHttpRequest();
+    //   xhr.open("GET", url, true);
+    //   xhr.responseType = "blob";
+    //   //xhr.setRequestHeader('Authorization', 'Basic a2VybWl0Omtlcm1pdA==');
+    //   xhr.onload = function () {
+    //     if (xhr.readyState === 4 && xhr.status === 200) {
+    //       let blob = this.response;
+    //       console.log(blob);
+    //       // 转换一个blob链接
+    //       // 注: URL.createObjectURL() 静态方法会创建一个 DOMString(DOMString 是一个UTF-16字符串)，
+    //       // 其中包含一个表示参数中给出的对象的URL。这个URL的生命周期和创建它的窗口中的document绑定
+    //       let downLoadUrl = window.URL.createObjectURL(
+    //         new Blob([blob], {
+    //           type: "txt",
+    //         })
+    //       );
+    //       // 视频的type是video/mp4，图片是image/jpeg
+    //       // 01.创建a标签
+    //       let a = document.createElement("a");
+    //       // 02.给a标签的属性download设定名称
+    //       a.download = name;
+    //       // 03.设置下载的文件名
+    //       a.href = downLoadUrl;
+    //       // 04.对a标签做一个隐藏处理
+    //       a.style.display = "none";
+    //       // 05.向文档中添加a标签
+    //       document.body.appendChild(a);
+    //       // 06.启动点击事件
+    //       a.click();
+    //       // 07.下载完毕删除此标签
+    //       a.remove();
+    //     }
+    //   };
+
+    //   xhr.send();
+    // },
+    // downLoadVideo(url, name) {
+    //   var xhr = new XMLHttpRequest();
+    //   xhr.open("GET", url, true);
+    //   xhr.responseType = "arraybuffer"; // 返回类型blob
+    //   xhr.onload = function () {
+    //     if (xhr.readyState === 4 && xhr.status === 200) {
+    //       let blob = this.response;
+    //       console.log(blob);
+    //       // 转换一个blob链接
+    //       // 注: URL.createObjectURL() 静态方法会创建一个 DOMString(DOMString 是一个UTF-16字符串)，
+    //       // 其中包含一个表示参数中给出的对象的URL。这个URL的生命周期和创建它的窗口中的document绑定
+    //       let downLoadUrl = window.URL.createObjectURL(
+    //         new Blob([blob], {
+    //           type: "video/mp4",
+    //         })
+    //       );
+    //       // 视频的type是video/mp4，图片是image/jpeg
+    //       // 01.创建a标签
+    //       let a = document.createElement("a");
+    //       // 02.给a标签的属性download设定名称
+    //       a.download = name;
+    //       // 03.设置下载的文件名
+    //       a.href = downLoadUrl;
+    //       // 04.对a标签做一个隐藏处理
+    //       a.style.display = "none";
+    //       // 05.向文档中添加a标签
+    //       document.body.appendChild(a);
+    //       // 06.启动点击事件
+    //       a.click();
+    //       // 07.下载完毕删除此标签
+    //       a.remove();
+    //     }
+    //   };
+    //   xhr.send();
+    // },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.down-load {
+  color: #0bab0c;
+}
+.timuNum {
+  color: #1d84ff;
+  cursor: pointer;
+}
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-dialog {
+  margin-top: 15vh !important;
+}
+</style>

danger-manage-web/src/views/educationPlanExam/testStat/index.vue

+<template>
+    <div class="testStat">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        label-width="68px">
+
+        <el-form-item label="考试名称" prop="courseName">
+          <el-input
+            v-model="queryParams.courseName"
+            placeholder="请输入课程名称"
+            clearable
+            size="small"
+          />
+        </el-form-item>
+
+        <el-form-item label="类型" prop="dataKind">
+          <el-select v-model="queryParams.dataKind">
+            <el-option label="培训考试" value="0" />
+            <el-option label="随机考试" value="1" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="发布时间" prop="releaseTimeBegin">
+          <el-date-picker
+            v-model="releaseTime"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            @change="dateFormat">
+          </el-date-picker>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="search"
+          >搜索</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetClick"
+          >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <el-table v-loading="loading" :data="testStatData">
+        <el-table-column label="序号" width='100' align="center" prop="courseNum"/>
+        <el-table-column label="考试名称" align="center" prop="courseName"/>
+        <el-table-column label="发布时间" align="center" prop="releaseTime"/>
+        <el-table-column label="类型" align="center" prop="dataKind">
+          <template slot-scope="scope">
+            <span v-if="scope.row.dataKind == '0'">培训考试</span>
+            <span v-else>随机考试</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="应参加人数" align="center" prop="count"/>
+        <el-table-column label="实际考试人数" align="center" prop="test"/>
+        <el-table-column label="合格人数" align="center" prop="pass"/>
+        <el-table-column label="合格率" align="center" prop="rate">
+          <template slot-scope="scope">
+            {{scope.row.rate}}%
+          </template>
+        </el-table-column>
+        <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template v-slot="{ row: { courseId } }">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="courseDetail(courseId)"
+            >查看详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getTestList"
+      />
+
+      <!--考试详情 -->
+      <el-dialog title="考试详情" :visible.sync="testStatDetailOpen" append-to-body :close-on-click-modal="false">
+        <el-table v-loading="loading" :data="testStatDetailData">
+          <el-table-column label="序号" width='100' align="center" prop="detailNum"/>
+          <el-table-column label="考试人员" align="center" prop="staffName"/>
+          <el-table-column label="所属部门" align="center" prop="deptName"/>
+          <el-table-column label="答对个数" align="center" prop="examinationResult"/>
+          <el-table-column label="考试结果" align="center" prop="state">
+            <template slot-scope="scope">
+              <span v-if="scope.row.state == 0">未考试</span>
+              <span v-if="scope.row.state == 1">不合格</span>
+              <span v-if="scope.row.state == 2">合格</span>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination
+          v-show="totalDetail > 0"
+          :total="totalDetail"
+          :page.sync="queryDetailParams.pageNum"
+          :limit.sync="queryDetailParams.pageSize"
+          @pagination="getTestStatDetails"
+        />
+      </el-dialog>
+    </div>
+</template>
+
+<script>
+  import {statisticsTrainCourse,testPersonDetailByCourseId} from "@/api/educationPlanExam/lessonsProgram.js";
+  export default {
+    name: "testStat",
+    data(){
+        return{
+          // 遮罩层
+          loading: false,
+          // 总条数
+          total: 0,
+          releaseTime: "",
+          queryParams:{
+            pageNum: 1,
+            pageSize: 10,
+            courseName: "",
+            dataKind: "",
+            releaseTimeBegin: "",
+            releaseTimeEnd: ""
+          },
+          testStatData:[],
+          testStatDetailOpen: false,
+          testStatDetailData: [],
+          totalDetail: 0,
+          queryDetailParams:{
+            pageNum: 1,
+            pageSize: 10,
+            courseId: ""
+          }
+        }
+    },
+    created(){
+      this.getTestList();
+    },
+    methods: {
+      getTestList(){
+        console.log("this.queryParams:",this.queryParams)
+        statisticsTrainCourse(this.queryParams).then(res=>{
+          this.testStatData = res.rows.map((item, index) => {
+            return {
+              courseNum:
+                index +
+                1 +
+                (this.queryParams.pageNum - 1) * this.queryParams.pageSize,
+                ...item,
+            };
+          });
+          this.total = res.total;
+        }) .finally(() => {
+            this.loading = false;
+        });
+      },
+      dateFormat(picker){
+        this.queryParams.releaseTimeBegin = picker[0];
+        this.queryParams.releaseTimeEnd = picker[1];
+      },
+      search(){
+        this.getTestList();
+      },
+      resetClick(){
+        this.releaseTime = "";
+        this.queryParams={
+            pageNum: 1,
+            pageSize: 10,
+            courseName: "",
+            dataKind: "",
+            releaseTimeBegin: "",
+            releaseTimeEnd: ""
+        }
+      },
+      courseDetail(courseId){
+        this.testStatDetailOpen = true;
+        this.getTestStatDetails(courseId);
+      },
+      getTestStatDetails(courseId){
+        this.queryDetailParams.courseId = courseId;
+        testPersonDetailByCourseId(this.queryDetailParams).then(res =>{
+          this.testStatDetailData = res.rows.map((item, index) => {
+            return {
+              detailNum:
+              index +
+              1 +
+              (this.queryParams.pageNum - 1) * this.queryParams.pageSize,
+              ...item,
+          };
+        });
+          this.totalDetail = res.total;
+        }) .finally(() => {
+            this.loading = false;
+        });
+      }
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .testStat{
+    margin: 10px;
+  }
+</style>

danger-manage-web/src/views/educationPlanExam/textPaper/components/AddQuestion.vue

+<template>
+  <div ref="myBody" class="add-question flex">
+    <div class="text flex">
+      <div class="left">
+        目前录入题目是第<span>{{ questionNextNum }}</span
+        >道题
+      </div>
+      <div class="right">{{ courseName }}</div>
+    </div>
+
+    <el-form class="form flex" ref="form" :model="form" label-width="auto">
+      <!-- <div class="top flex"> -->
+      <div>
+        <el-form-item
+          label="题目内容"
+          prop="topicTitle"
+          :rules="{
+            required: true,
+            message: '必须输入题目内容',
+            trigger: 'blur',
+          }"
+        >
+          <el-input
+            type="textarea"
+            placeholder="多行输入"
+            resize="none"
+            rows="4"
+            v-model="form.topicTitle"
+          >
+          </el-input>
+        </el-form-item>
+      </div>
+
+      <div class="bottom">
+        <!-- <el-form-item label="选项1" prop="title">
+          <el-input v-model="form.title" placeholder="请输入"></el-input>
+        </el-form-item> -->
+        <el-form-item
+          v-for="(question, index) in form.questions"
+          :label="'选项' + (index + 1)"
+          :key="question.key"
+          :prop="'questions.' + index + '.value'"
+          :rules="
+            index === 0
+              ? {
+                  required: true,
+                  message: '第一项不能为空不能为空',
+                  trigger: 'blur',
+                }
+              : {}
+          "
+        >
+          <div class="add-select flex">
+            <el-input
+              type="textarea"
+              placeholder="多行输入"
+              style="flex: 1; margin-right: 10px"
+              rows="2"
+              v-model="question.value"
+            ></el-input>
+            <div class="flex algin-items">
+              <div
+                @click="rightAnswerClick(index)"
+                class="right"
+                :class="{ active: answerNum === index }"
+              >
+                设为正确答案
+              </div>
+              <el-button
+                size="mini"
+                type="danger"
+                v-if="index > 0"
+                @click.prevent="removeDomain(question)"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </el-form-item>
+
+        <el-form-item
+          class="noAttr"
+          :label="`选项${form.questions.length + 1}`"
+          prop=""
+        >
+          <div class="add-select flex">
+            <el-input
+              type="textarea"
+              placeholder="多行输入"
+              resize="none"
+              rows="2"
+              v-model="addValue"
+              style="flex: 1; margin-right: 10px"
+            >
+            </el-input>
+            <div class="flex algin-items">
+              <div
+                @click="rightAnswerClick(form.questions.length)"
+                class="right"
+                :class="{ active: answerNum === form.questions.length }"
+              >
+                设为正确答案
+              </div>
+
+              <el-button
+                size="mini"
+                type="primary"
+                @click.prevent="add(addValue)"
+                >新增</el-button
+              >
+            </div>
+          </div>
+        </el-form-item>
+      </div>
+    </el-form>
+  </div>
+</template>
+
+<script>
+// import {
+//   addQuestion,
+//   checkQuestion,
+//   changeQuestion,
+//   getQuestion,
+//   getLessonById,
+// } from "@/api/educationPlanExam/lessonsProgram.js";
+import { addSubject ,getSubject,listSubject,updateSubject} from "@/api/educationPlanExam/subject";
+
+export default {
+  name: "AnswerLesson",
+  props: {
+    // visible: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+    bankId: {
+      type: Number,
+    },
+    subjectId: {
+      type: Number,
+    },
+  },
+  components: {},
+  data() {
+    return {
+      form: {
+        topicTitle: "",
+        questions: [{ value: "" }, { value: "" }, { value: "" }],
+      },
+      answerNum: null,
+      addValue: "",
+      // 录入的是第几道题
+      questionNextNum: 1,
+      courseName: "",
+    };
+  },
+
+  created() {
+    // 如果存在就是修改
+    if (this.subjectId) {
+      getSubject(this.subjectId).then((res) => {
+        console.log('?',res.data);
+        const data = res.data;
+        this.form = {
+          topicTitle: data.topicTitle,
+          questions: JSON.parse(data.topicOption),
+        };
+        this.answerNum = data.answer;
+      });
+    }
+
+    // 查询是第几道题
+    this.getQuestion();
+    // 获取课程标题
+    // this.getLessonById(this.bankId);
+  },
+  methods: {
+    getQuestion() {
+      listSubject({ bankId: this.bankId }).then((res) => {
+        console.log(res)
+         // 如果是修改 就是原来的值，如果不是，就是总数+1
+        if (this.subjectId) {
+          res.rows.forEach((item, index) => {
+            if (item.subjectId == this.subjectId) {
+              this.questionNextNum = index+1;
+            }
+          });
+        } else {
+          this.questionNextNum = res.total + 1;
+        }
+      });
+    },
+    // getLessonById(bankId) {
+    //   getLessonById(bankId).then((res) => {
+    //     console.log(res);
+    //     this.courseName = res.data.courseName;
+    //   });
+    // },
+    addQuestion(data) {
+      // 如果是修改，就用修改的方法，如果是新增，就用新增的方法
+      if (this.subjectId) {
+        return updateSubject({ subjectId: this.subjectId, ...data });
+      } else {
+        return addSubject({ bankId: this.bankId, ...data });
+      }
+    },
+    rightAnswerClick(index) {
+      this.answerNum = index;
+      console.log(index);
+    },
+    // 删除选项
+    removeDomain(question) {
+      const index = this.form.questions.indexOf(question);
+      // 如果是正确答案,就让正确答案清空
+      if (this.answerNum === index) {
+        this.answerNum = null;
+      }
+      if (index >= 0) {
+        this.form.questions.splice(index, 1);
+      }
+    },
+    // 新增选项
+    add(addValue) {
+      this.form.questions.push({ value: addValue });
+      console.log();
+    },
+    save(num = 2) {
+      return new Promise((resove) => {
+        if (!this.answerNum && this.answerNum !== 0) {
+          this.$message({
+            message: "警告，请设置一个正确答案",
+            type: "warning",
+          });
+          return resove(false);
+        }
+        this.$refs.form.validate((valid) => {
+          if (valid) {
+            const data = {};
+            data.topicTitle = this.form.topicTitle;
+            data.topicOption = JSON.stringify(this.form.questions);
+            data.answer = this.answerNum;
+            this.addQuestion(data).then((res) => {
+              if (res.code == 200) {
+                // 把修改的这个归位，变成正常添加
+                this.$emit("update:subjectId", null);
+                this.$message({
+                  message: "添加题目成功",
+                  type: "success",
+                });
+                this.$parent.$parent.componentsNumChange(num);
+                this.$parent.$parent.$parent.getList();
+                resove(true);
+              }
+            });
+          }
+        });
+      });
+    },
+
+    saveAndNext() {
+      this.save(3).then((res) => {
+        if (res) {
+          this.reset();
+          // this.questionNextNum++;
+          this.getQuestion();
+        }
+      });
+    },
+    reset() {
+      this.form = {
+        topicTitle: "",
+        questions: [{ value: "" }, { value: "" }, { value: "" }],
+      };
+      this.answerNum = null;
+      this.addValue = "";
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.add-question {
+  width: 100%;
+  height: 550px;
+  // overflow: hidden;
+  flex-direction: column;
+  padding-bottom: 7px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #bbbbbb;
+  .form {
+    flex: 1;
+    flex-direction: column;
+    height: 100%;
+    .bottom {
+      overflow-y: auto;
+      height: 330px;
+      box-sizing: border-box;
+
+      .algin-items {
+        align-items: center;
+        width: 200px;
+      }
+      .right {
+        display: inline-block;
+        width: 133px;
+        margin-right: 10px;
+        line-height: initial;
+        padding: 4px 0;
+        border: 1px solid #bbbbbb;
+        color: #101010;
+        font-size: 12px;
+        text-align: center;
+        border-radius: 4px;
+        box-sizing: border-box;
+        cursor: pointer;
+        &.active {
+          background-color: #0bab0c;
+          color: #ffffff;
+        }
+        &:hover {
+          background-color: rgba(11, 171, 12, 0.5);
+          color: #ffffff;
+        }
+      }
+    }
+  }
+  .text {
+    margin-top: 13px;
+    margin-bottom: 34px;
+    justify-content: space-between;
+    height: 28px;
+    .left {
+      line-height: 28px;
+      color: #101010;
+      font-size: 14px;
+    }
+    .right {
+      width: 411px;
+      line-height: 28px;
+      background: #1d84ff;
+      padding-right: 5px;
+      color: #fff;
+      text-align: right;
+    }
+  }
+}
+</style>

danger-manage-web/src/views/educationPlanExam/textPaper/components/Dia.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-09-22 10:38:49
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-19 14:01:37
+ * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/addLesson.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <el-dialog
+    class="add-lession"
+    :title="title"
+    :visible.sync="visible"
+    width="1020px"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :before-close="dialogCancel"
+    @closed="closeFinished"
+    destroy-on-close
+  >
+    <div v-if="visible" ref="myBody" class="body">
+      <transition name="fade" mode="out-in">
+        <component
+          :is="currentComponent"
+          :bankId.sync="bankId"
+          :subjectId.sync="subjectId"
+          ref="current"
+        ></component>
+      </transition>
+      <!-- <Lesson ref='lesson'/> -->
+      <!-- <AddQuestion />
+      <QuestionList/> -->
+    </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button
+        type="primary"
+        v-if="this.componentsNum == 1 || this.componentsNum == 3"
+        @click="save"
+        >保存</el-button
+      >
+
+      <el-button type="primary" @click="saveAndNext">{{
+        saveNextText
+      }}</el-button>
+      <el-button
+        v-if="this.componentsNum == 2"
+        type="primary"
+        @click="dialogCancel"
+        >{{ "确认" }}</el-button
+      >
+      <el-button @click="dialogCancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Lesson from "./Lesson";
+import AddQuestion from "./AddQuestion";
+import QuestionList from "./QuestionList";
+
+export default {
+  name: "AnswerLesson",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    componentsNum: {
+      type: Number,
+      default: 1,
+    },
+    bankId: {
+      type: Number,
+    },
+  },
+  // components: {
+  //   Lesson,
+  //   AddQuestion,
+  //   QuestionList,
+  // },
+
+  data() {
+    return {
+      title: "录入课程",
+      currentComponent: Lesson,
+      // 当前题目查看
+      subjectId: null,
+    };
+  },
+  watch: {
+    componentsNum: {
+      handler(num) {
+        if (num === 1) {
+          this.currentComponent = Lesson;
+          if (this.bankId) {
+            this.title = "修改课程";
+          } else {
+            this.title = "新增课程";
+          }
+        } else if (num === 2) {
+          this.currentComponent = QuestionList;
+
+          this.title = "题目列表";
+        } else {
+          this.currentComponent = AddQuestion;
+          if (this.subjectId) {
+            this.title = "修改题目";
+          } else {
+            this.title = "新增题目";
+          }
+        }
+      },
+      deep: true,
+    },
+  },
+  computed: {
+    saveNextText() {
+      let text;
+      if (this.componentsNum == 1) {
+        text = "保存并录入题目";
+      } else if (this.componentsNum == 2) {
+        text = "录入考题";
+      } else {
+        text = "保存并录入下一题";
+      }
+      return text;
+    },
+  },
+  methods: {
+    saveBody() {
+      this.startHeight = this.$refs.myBody.offsetHeight - 55 + "px";
+    },
+
+    closeFinished() {},
+    // 关闭之后
+    // 只保存
+    save() {
+      // this.answerClear();
+      this.$refs.current.save();
+    },
+    // 保存并录入
+    saveAndNext() {
+      this.$refs.current.saveAndNext();
+    },
+    // 隐藏与显示dialog
+    dialogCancel() {
+      this.$emit("update:visible", false);
+    },
+    // 把ID改变了
+    changeCourseId(bankId) {
+      this.$emit("update:bankId", bankId);
+    },
+    // 改变当前组件
+    componentsNumChange(num) {
+      this.$emit("update:componentsNum", num);
+    },
+
+    answerClear() {
+      this.answerArr = [];
+      this.changeCourseId(null);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.body {
+  width: 100%;
+  height: 100%;
+  padding-right: 40px;
+  padding-left: 36px;
+}
+</style>

danger-manage-web/src/views/educationPlanExam/textPaper/components/Editor.vue

+<template>
+  <div>
+    <el-upload
+      :action="uploadUrl"
+      :on-success="handleUploadSuccess"
+      :on-error="handleUploadError"
+      name="file"
+      :show-file-list="false"
+      :headers="headers"
+      style="display: none"
+      ref="upload"
+      v-if="this.uploadUrl"
+    >
+    </el-upload>
+    <div class="editor" ref="editor" :style="styles"></div>
+  </div>
+</template>
+
+<script>
+import Quill from "quill";
+import "quill/dist/quill.core.css";
+import "quill/dist/quill.snow.css";
+import "quill/dist/quill.bubble.css";
+import { getToken } from "@/utils/auth";
+
+export default {
+  name: "Editor",
+  props: {
+    /* 编辑器的内容 */
+    value: {
+      type: String,
+      default: "",
+    },
+    /* 高度 */
+    height: {
+      type: Number,
+      default: null,
+    },
+    /* 最小高度 */
+    minHeight: {
+      type: Number,
+      default: null,
+    },
+    /* 只读 */
+    readOnly: {
+      type: Boolean,
+      default: false,
+    },
+    /* 上传地址 */
+    uploadUrl: {
+      type: String,
+      default: "",
+    }
+  },
+  data() {
+    return {
+      headers: {
+        Authorization: "Bearer " + getToken()
+      },
+      Quill: null,
+      currentValue: "",
+      options: {
+        theme: "snow",
+        bounds: document.body,
+        debug: "warn",
+        modules: {
+          // 工具栏配置
+          toolbar: [
+            ["bold", "italic", "underline", "strike"],       // 加粗 斜体 下划线 删除线
+            ["blockquote", "code-block"],                    // 引用  代码块
+            [{ list: "ordered" }, { list: "bullet" }],       // 有序、无序列表
+            [{ indent: "-1" }, { indent: "+1" }],            // 缩进
+            [{ size: ["small", false, "large", "huge"] }],   // 字体大小
+            [{ header: [1, 2, 3, 4, 5, 6, false] }],         // 标题
+            [{ color: [] }, { background: [] }],             // 字体颜色、字体背景颜色
+            [{ align: [] }],                                 // 对齐方式
+            ["clean"],                                       // 清除文本格式
+            ["link", "image"]                       // 链接、图片、视频"video"
+          ],
+        },
+        placeholder: "请输入内容",
+        readOnly: this.readOnly,
+      },
+    };
+  },
+  computed: {
+    styles() {
+      let style = {};
+      if (this.minHeight) {
+        style.minHeight = `${this.minHeight}px`;
+      }
+      if (this.height) {
+        style.height = `${this.height}px`;
+      }
+      return style;
+    },
+  },
+  watch: {
+    value: {
+      handler(val) {
+        if (val !== this.currentValue) {
+          this.currentValue = val === null ? "" : val;
+          if (this.Quill) {
+            this.Quill.pasteHTML(this.currentValue);
+          }
+        }
+      
+      },
+      immediate: true,
+    },
+  },
+  mounted() {
+    this.init();
+  },
+  beforeDestroy() {
+    this.Quill = null;
+  },
+  methods: {
+    init() {
+      const editor = this.$refs.editor;
+      this.Quill = new Quill(editor, this.options);
+      // 如果设置了上传地址则自定义图片上传事件
+      if (this.uploadUrl) {
+        let toolbar = this.Quill.getModule("toolbar");
+        toolbar.addHandler("image", (value) => {
+          this.uploadType = "image";
+          if (value) {
+            this.$refs.upload.$children[0].$refs.input.click();
+          } else {
+            this.quill.format("image", false);
+          }
+        });
+        toolbar.addHandler("video", (value) => {
+          this.uploadType = "video";
+          if (value) {
+            this.$refs.upload.$children[0].$refs.input.click();
+          } else {
+            this.quill.format("video", false);
+          }
+        });
+      }
+      this.Quill.pasteHTML(this.currentValue);
+      this.Quill.on("text-change", (delta, oldDelta, source) => {
+        const html = this.$refs.editor.children[0].innerHTML;
+        const text = this.Quill.getText();
+        const quill = this.Quill;
+        this.currentValue = html;
+        this.$emit("input", html);
+        this.$emit("on-change", { html, text, quill });
+      });
+      this.Quill.on("text-change", (delta, oldDelta, source) => {
+        this.$emit("on-text-change", delta, oldDelta, source);
+      });
+      this.Quill.on("selection-change", (range, oldRange, source) => {
+        this.$emit("on-selection-change", range, oldRange, source);
+      });
+      this.Quill.on("editor-change", (eventName, ...args) => {
+        this.$emit("on-editor-change", eventName, ...args);
+      });
+    },
+    handleUploadSuccess(res, file) {
+      // 获取富文本组件实例
+      let quill = this.Quill;
+      // 如果上传成功
+      if (res.code == 200) {
+        // 获取光标所在位置
+        let length = quill.getSelection().index;
+        // 插入图片  res.url为服务器返回的图片地址
+        quill.insertEmbed(length, "image", res.url);
+        // 调整光标到最后
+        quill.setSelection(length + 1);
+      } else {
+        this.$message.error("图片插入失败");
+      }
+    },
+    handleUploadError() {
+      this.$message.error("图片插入失败");
+    },
+  },
+};
+</script>
+
+<style>
+.editor, .ql-toolbar {
+  white-space: pre-wrap !important;
+  line-height: normal !important;
+}
+.quill-img {
+  display: none;
+}
+.ql-snow .ql-tooltip[data-mode="link"]::before {
+  content: "请输入链接地址:";
+}
+.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
+  border-right: 0px;
+  content: "保存";
+  padding-right: 0px;
+}
+
+.ql-snow .ql-tooltip[data-mode="video"]::before {
+  content: "请输入视频地址:";
+}
+
+.ql-snow .ql-picker.ql-size .ql-picker-label::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item::before {
+  content: "14px";
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
+  content: "10px";
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
+  content: "18px";
+}
+.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
+.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
+  content: "32px";
+}
+
+.ql-snow .ql-picker.ql-header .ql-picker-label::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item::before {
+  content: "文本";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
+  content: "标题1";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
+  content: "标题2";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
+  content: "标题3";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
+  content: "标题4";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
+  content: "标题5";
+}
+.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
+.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
+  content: "标题6";
+}
+
+.ql-snow .ql-picker.ql-font .ql-picker-label::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item::before {
+  content: "标准字体";
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
+  content: "衬线字体";
+}
+.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
+.ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
+  content: "等宽字体";
+}
+</style>

danger-manage-web/src/views/educationPlanExam/textPaper/components/Lesson.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-09-22 10:59:44
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-21 17:30:33
+ * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/Lession.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div class="form-wrapper">
+    <el-form
+      class="form"
+      ref="form"
+      :model="form"
+      label-width="auto"
+      :rules="rules"
+    >
+      <div class="top flex">
+        <el-form-item label="题库名称" prop="bankName">
+          <el-input style="width: 500px" v-model="form.bankName"></el-input>
+        </el-form-item>
+        <el-form-item label="开始时间" prop="releaseTime">
+          <el-date-picker
+            v-model="form.startTime"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetime"
+            placeholder="开始时间"
+            default-time="12:00:00"
+          >
+          </el-date-picker>
+        </el-form-item>
+      </div>
+      <el-form-item label="结束时间" prop="releaseTime">
+        <el-date-picker
+          v-model="form.endTime"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="datetime"
+          placeholder="结束时间"
+          default-time="12:00:00"
+        >
+        </el-date-picker>
+      </el-form-item>
+
+      <el-form-item label="选择人员" prop="releaseTime">
+        <!-- table -->
+        <!-- jsonSelectNameList就是呗选中的人员的json -->
+        <!-- getPeopleList 是每次选中或者删除人员都会返回 一个所有人员列表的json串，[{staffId:staffId,staffName:staffName},{staffId:staffId,staffName:staffName}] -->
+        <!-- 要在jsonSelectNameList赋值完毕之后 调用一下 this.$refs.changePaple.changeNameList  135行 -->
+        <ChangePapel
+          ref="changePaple"
+          :jsonSelectNameList="jsonSelectNameList"
+          @getPeopleList="getPeopleList"
+        />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import ChangePapel from "@/components/PeopleChange";
+// import { mapGetters } from "vuex";
+// import {
+//   addLessons,
+//   getLessonById,
+//   changeLesson,
+// } from "@/api/educationPlanExam/lessonsProgram";
+import {
+  listBank,
+  addBank,
+  updateBank,
+  getBank,
+} from "@/api/educationPlanExam/questionBank";
+
+// 所有部门
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+export default {
+  name: "",
+  props: {
+    bankId: {
+      type: Number,
+    },
+    // jsonSelectNameList: {
+    //   type: String,
+    //   default:
+    //     '[{"staffId":880,"staffName":"孙卓亚"},{"staffId":871,"staffName":"张玉宾"},{"staffId":869,"staffName":"李二朝"},{"staffId":870,"staffName":"盖永峰"},{"staffId":868,"staffName":"刘丽艳"},{"staffId":867,"staffName":"霍文俊"},{"staffId":866,"staffName":"刘志坚"},{"staffId":865,"staffName":"郝文权"},{"staffId":864,"staffName":"齐雪军"},{"staffId":852,"staffName":"刘江平"},{"staffId":853,"staffName":"谷建海"},{"staffId":851,"staffName":"丁振国"},{"staffId":850,"staffName":"齐江波"},{"staffId":849,"staffName":"周立新"},{"staffId":848,"staffName":"史志波"},{"staffId":847,"staffName":"王增波"},{"staffId":846,"staffName":"杨彦龙"},{"staffId":845,"staffName":"杨华国"},{"staffId":844,"staffName":"王青华"}]',
+    // },
+  },
+  components: {
+    ChangePapel,
+  },
+  data() {
+    return {
+      form: {
+        bankName: "",
+        // courseType: "",
+        // courseConent: "",
+        // video: "",
+        // enclosure: "",
+        deptId: null,
+        abc: 0,
+      },
+      // 参考人员
+      jsonSelectNameList: null,
+
+      // 归属部门列表
+      deptOptions: [],
+
+      fileListVideo: [],
+      fileListFile: [],
+      readOnly: false,
+      // selectNameList: [],
+      rules: {
+        bankName: [
+          { required: true, trigger: "blur", message: "课程名称不能为空" },
+        ],
+        deptId: [
+          { required: true, trigger: "blur", message: "请选择所属部门" },
+        ],
+      },
+    };
+  },
+  computed: {
+    // 获取课程类型
+    // ...mapGetters(["courseOptions"]),
+  },
+  created() {
+    if (this.bankId) {
+      this.getLessonById();
+    }
+
+    // 归属部门列表
+    // this.getTreeselect();
+  },
+  mounted() {
+    // this.jsonSelectNameList 
+    
+      // '[{"staffId":880,"staffName":"孙卓亚"},{"staffId":871,"staffName":"张玉宾"},{"staffId":869,"staffName":"李二朝"},{"staffId":870,"staffName":"盖永峰"},{"staffId":868,"staffName":"刘丽艳"},{"staffId":867,"staffName":"霍文俊"},{"staffId":866,"staffName":"刘志坚"},{"staffId":865,"staffName":"郝文权"},{"staffId":864,"staffName":"齐雪军"},{"staffId":852,"staffName":"刘江平"},{"staffId":853,"staffName":"谷建海"},{"staffId":851,"staffName":"丁振国"},{"staffId":850,"staffName":"齐江波"},{"staffId":849,"staffName":"周立新"},{"staffId":848,"staffName":"史志波"},{"staffId":847,"staffName":"王增波"},{"staffId":846,"staffName":"杨彦龙"},{"staffId":845,"staffName":"杨华国"},{"staffId":844,"staffName":"王青华"}]';
+    this.$refs.changePaple.changeNameList(this.jsonSelectNameList);
+  },
+  methods: {
+    // 添加课程
+    addLessons(data) {
+      if (!this.bankId) {
+        console.log("添加");
+        return addBank(data);
+      } else {
+        console.log("修改");
+        return updateBank({ bankId: this.bankId, ...data });
+      }
+    },
+    // 复现
+    getLessonById() {
+      getBank(this.bankId).then((res) => {
+        console.log("res", res);
+        if (res.code == 200) {
+          this.form = {
+            bankName: res.data.bankName,
+            deptId: res.data.deptId,
+          };
+          //   const data = res.data;
+          //   const { bankName, courseType, courseConent, video, enclosure } =
+          //     data;
+          //   this.form = {
+          //     bankName,
+          //     courseType,
+          //     courseConent,
+          //     video,
+          //     enclosure,
+          //   };
+          //   this.fileListVideo = [
+          //     {
+          //       name: bankName + "视频",
+          //       url: uploadfile,
+          //     },
+          //   ];
+          //   this.fileListFile = [
+          //     {
+          //       name: bankName + "附件",
+          //       url: uploadfile,
+          //     },
+          //   ];
+        }
+      });
+    },
+    // 获取参考人员的list
+    getPeopleList(list) {
+      console.log("参考人员", list);
+    },
+    save(num = 2) {
+      // 因为富文本编辑器会残留<p><br></p>，所以要清空
+      // if (this.form.courseConent === "<p><br></p>") {
+      //   this.form.courseConent = "";
+      // }
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.addLessons({ ...this.form }).then((res) => {
+            // 如果添加会传回来，就用传回来的，如果是修改本身就有，就用本身的
+            // console.log('res',res)
+            const bankId = this.bankId || res;
+            // if (res.code == 200) {
+            // 这样调比较纯函数一点
+            if (num == 2) {
+              this.$message({
+                message: "保存题库成功",
+                type: "success",
+              });
+            } else if (num == 3) {
+              this.$message({
+                message: "保存题库成功,请开始录入题目",
+                type: "success",
+              });
+            }
+            this.$parent.$parent.componentsNumChange(num);
+            this.$parent.$parent.changeCourseId(bankId);
+            this.$parent.$parent.$parent.getList();
+
+            return true;
+            // }
+          });
+        } else {
+          if (!this.form.deptId) {
+            document.querySelector(
+              ".vue-treeselect__control"
+            ).style.borderColor = "red";
+          } else {
+            document.querySelector(
+              ".vue-treeselect__control"
+            ).style.borderColor = "";
+            this.$refs.treeItem.clearValidate();
+          }
+        }
+      });
+    },
+    // 保存并进入题目
+    saveAndNext() {
+      this.save(3);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.form-wrapper {
+  padding-top: 22px;
+  width: 100%;
+  height: 550px;
+  // overflow: hidden;
+  // padding-bottom: 10px;
+  margin-bottom: 20px;
+  // border-bottom: 1px solid #bbbbbb;
+  .top {
+    width: 100%;
+    justify-content: space-between;
+  }
+}
+</style>

danger-manage-web/src/views/educationPlanExam/textPaper/components/QuestionList.vue

+<!--
+ * @Author: 纪泽龙 jizelong@qq.com
+ * @Date: 2022-09-22 17:56:05
+ * @LastEditors: 纪泽龙 jizelong@qq.com
+ * @LastEditTime: 2022-12-17 14:28:57
+ * @FilePath: /danger-manage-web/src/views/lessonsProgram/components/QuestionList.vue
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+-->
+<template>
+  <div ref="myBody" class="add-question flex">
+    <div class="text flex">
+      <div class="left">
+        目前有<span>{{ questionNum || 0 }}</span
+        >道题
+        <!-- <span class="warn">温馨提示：发布课程前需要进行考试设置</span> -->
+      </div>
+      <div class="right">{{ courseName }}</div>
+    </div>
+    <div class="table flex" v-loading="loading">
+      <div class="th flex">
+        <div class="left">序号</div>
+        <div class="middle">题目名称</div>
+        <div class="right">操作</div>
+      </div>
+      <div class="td-wrapper">
+        <div
+          v-for="(item, index) in questionList"
+          :key="item.subjectId"
+          class="td flex"
+        >
+          <div class="left">{{ index + 1 }}</div>
+          <div class="middle zzz">
+            {{ item.topicTitle }}
+          </div>
+          <div class="right">
+            <div>
+              <el-button
+                @click="edit(item.subjectId)"
+                icon="el-icon-edit"
+                type="text"
+                >修改</el-button
+              >
+              <el-button
+                @click="deleteLesson(item.subjectId)"
+                icon="el-icon-delete"
+                type="text"
+                >删除</el-button
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- <div class="rightNum flex">
+
+       <div class="left">录入考题</div>
+      <div class="middle flex">
+        <div class="left-text">答对题目大于</div>
+        <div>
+          <el-input
+            v-model="rightNum"
+            style="width: 60px"
+            size="mini"
+          ></el-input>
+        </div>
+        <div>为合格</div>
+      </div>
+      <div class="right">
+        <el-button
+          @click="saveRightNum"
+          icon="el-icon-check"
+          size="mini"
+          type="success"
+          >保存</el-button
+        >
+      </div> 
+    </div> -->
+  </div>
+</template>
+
+<script>
+import {
+  getQuestion,
+  deleteQuestion,
+  changeLesson,
+  getLessonById,
+} from "@/api/educationPlanExam/lessonsProgram";
+import { listSubject, delSubject } from "@/api/educationPlanExam/subject";
+import { getBank } from "@/api/educationPlanExam/questionBank";
+
+export default {
+  name: "AnswerLesson",
+  props: {
+    bankId: {
+      type: Number,
+    },
+  },
+  components: {},
+  data() {
+    return {
+      // 当前课程的第几题，调一遍接口
+      questionNum: null,
+      // 答对几道题
+      rightNum: 0,
+      questionList: [],
+      loading: false,
+      courseName: "",
+    };
+  },
+  // watch: {
+  //   visible(newValue) {
+  //     if (newValue) {
+  //       this.$nextTick(() => {
+  //         this.saveBody();
+  //       });
+  //     }
+  //   },
+  // },
+
+  created() {
+    console.log("this.bankId", this.bankId);
+    if (this.bankId) {
+      this.getQuestion({ bankId: this.bankId });
+      // 获取只题目正确几题算过关
+      this.getLessonById(this.bankId);
+    }
+  },
+  methods: {
+    save() {
+      console.log("QuestionList");
+    },
+    saveAndNext() {
+      this.$parent.$parent.componentsNumChange(3);
+    },
+    getQuestion(bankId) {
+      console.log(bankId);
+      return listSubject(bankId).then((res) => {
+        console.log("题库res", res);
+
+        this.questionList = res.rows.map((item) => {
+          return {
+            subjectId: item.subjectId,
+            topicTitle: item.topicTitle,
+          };
+        });
+        this.questionNum = res.total;
+        return true;
+      });
+    },
+    getLessonById(bankId) {
+      getBank(bankId).then((res) => {
+        // console.log(res);
+        // this.rightNum = res.data.qualifiedNum;
+        this.courseName = res.data.bankName;
+      });
+    },
+    edit(subjectId) {
+      this.$emit("update:subjectId", subjectId);
+      this.$parent.$parent.componentsNumChange(3);
+    },
+    deleteLesson(subjectId) {
+      this.$confirm("请确定删除该题", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.loading = true;
+          return delSubject(subjectId);
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              message: "删除成功",
+              type: "success",
+            });
+          }
+          return this.getQuestion({ bankId: this.bankId });
+        })
+        .finally(() => {
+          this.loading = false;
+          // 课程列表重置一下
+          this.$parent.$parent.$parent.getList();
+        });
+    },
+    saveRightNum() {
+      if (this.rightNum > this.questionList.length) {
+        this.$message({
+          message: "答对题目数应小于等于考试题目总数",
+          type: "warning",
+        });
+        return;
+      }
+      changeLesson({
+        bankId: this.bankId,
+        qualifiedNum: this.rightNum,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message({
+            message: "答题合格数修改成功",
+            type: "success",
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.add-question {
+  width: 100%;
+  height: 550px;
+  // overflow: hidden;
+  flex-direction: column;
+  padding-bottom: 7px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #bbbbbb00;
+
+  .text {
+    margin-top: 13px;
+    margin-bottom: 32px;
+    justify-content: space-between;
+    height: 28px;
+    .left {
+      line-height: 28px;
+      color: #101010;
+      font-size: 14px;
+      .warn {
+        display: inline-flex;
+        font-size: 12px;
+        color: red;
+        margin-left: 10px;
+      }
+    }
+
+    .right {
+      width: 411px;
+      line-height: 28px;
+      background: #1d84ff;
+      padding-right: 5px;
+      color: #fff;
+      text-align: right;
+    }
+  }
+  .table {
+    flex: 1;
+    height: 0;
+
+    flex-direction: column;
+    .th {
+      width: 100%;
+      height: 70px;
+      line-height: 70px;
+      background: #f5f5f5;
+      color: #606266;
+
+      > div {
+        height: 100%;
+      }
+      .left {
+        width: 15%;
+        text-align: center;
+      }
+      .middle {
+        width: 60%;
+        padding-left: 100px;
+      }
+      .right {
+        width: 25%;
+        text-align: center;
+      }
+    }
+    .td-wrapper {
+      flex: 1;
+      overflow-y: auto;
+      // 这样子元素才能有滚动条
+      .td {
+        height: 68px;
+        line-height: 68px;
+        box-sizing: border-box;
+        border-bottom: 1px solid #bbbbbb;
+        &:last-child {
+          border-bottom: none;
+        }
+        > div {
+          height: 100%;
+        }
+        .left {
+          width: 15%;
+          text-align: center;
+        }
+        .middle {
+          width: 60%;
+          padding-left: 10px;
+        }
+        .right {
+          width: 25%;
+          text-align: center;
+        }
+      }
+    }
+  }
+  .rightNum {
+    margin-top: 5px;
+    height: 55px;
+    box-sizing: border-box;
+    border: 1px solid #bbbbbb;
+    line-height: 55px;
+    > .left {
+      width: 140px;
+      background: #0bab0c;
+      font-size: 14px;
+      color: #fff;
+      text-align: center;
+    }
+    > .middle {
+      > div {
+        margin-right: 5px;
+      }
+      .left-text {
+        margin-left: 10px;
+      }
+      .middle {
+        margin-right: 20px;
+      }
+    }
+    .right {
+      margin-left: 20px;
+    }
+    // background: black;
+  }
+}
+</style>

danger-manage-web/src/views/educationPlanExam/textPaper/index.vue

+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      label-width="68px"
+      
+    >
+      <!-- <el-form-item label="课件类别" prop="courseType">
+        <el-select
+          v-model="queryParams.courseType"
+          placeholder="请选择课程类型"
+          clearable
+          size="small"
+        >
+          <el-option
+            v-for="course in courseOptions"
+            :key="course.planId"
+            :label="course.planName"
+            :value="course.planId"
+          />
+        </el-select>
+      </el-form-item> -->
+
+       <el-form-item label="考试名称" prop="courseName">
+        <el-input
+          v-model="queryParams.courseName"
+          placeholder="请输入课程名称"
+          clearable
+          size="small"
+        />
+      </el-form-item>
+      <el-form-item label="考试时间" prop="releaseTime">
+        <el-date-picker
+          v-model="queryParams.releaseTime"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="datetime"
+          placeholder="选择日期时间"
+          default-time="12:00:00"
+        >
+        </el-date-picker>
+      </el-form-item>
+      <!-- <el-form-item label="发布时间" prop="releaseTime">
+        <el-date-picker
+          v-model="queryParams.releaseTime"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          type="datetime"
+          placeholder="选择日期时间"
+          default-time="12:00:00"
+        >
+        </el-date-picker>
+      </el-form-item> -->
+
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="search"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetClick"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:book:add']"
+          >新增</el-button
+        >
+      </el-col>
+    </el-row>
+
+    <el-table v-loading="loading" :data="bankList">
+      <el-table-column label="序号" width='100' align="center" prop="bankNum"/>
+      <el-table-column label="考试名称" align="center" prop="bankName">
+      </el-table-column>
+        <el-table-column label="开始时间" align="center" prop="startTime">
+      </el-table-column>
+        <el-table-column label="结束时间" align="center" prop="endTime">
+      </el-table-column>
+       <el-table-column label="答对几题合格" align="center" prop="endTime">
+      </el-table-column>
+      <!-- <el-table-column
+        label="所属单位"
+        align="center"
+        prop="courseType"
+      >
+        <template v-slot="scope">
+          <div>
+            {{ selectList(deptOptions, scope.row.deptId)||'-' }}
+          </div>
+        </template>
+      </el-table-column> -->
+
+      <!-- <el-table-column label="附件" align="center" prop="enclosure">
+        <template v-slot="{ row: { enclosure } }">
+          <a
+            v-if="enclosure && enclosure.indexOf('.txt') >= 0"
+            @click="downloadText(enclosure)"
+            class="down-load"
+            >下载附件</a
+          >
+          <a v-else :href="enclosure" class="down-load">下载附件</a>
+        </template>
+      </el-table-column> -->
+      <!-- <el-table-column label="视频" align="center" prop="video">
+        <template v-slot="{ row: { courseName, video } }">
+          <a @click="downLoadVideo(video, courseName)" class="down-load"
+            >下载视频</a
+          >
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="发布时间"
+        align="center"
+        prop="releaseTime"
+        :formatter="formatter"
+      /> -->
+      <!-- <el-table-column
+        label="考试题数量"
+        align="center"
+        prop="topicNum"
+        width="180"
+      >
+        <template v-slot="{ row: { topicNum, bankId } }">
+          <div @click="checkQuestion(bankId)" class="timuNum">
+            <div v-if="topicNum > 0">{{ `已录入${topicNum}题` }}</div>
+            <div v-else>未录入</div>
+          </div>
+        </template>
+      </el-table-column> -->
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template v-slot="{ row: { bankId } }">
+          <!-- <div>{{status}}</div> -->
+
+           <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-document-add"
+            @click="changeBank(bankId)"
+            >录入考题</el-button
+          >
+            <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="deletBank(bankId)"
+            >删除</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="changeBank(bankId)"
+            >编辑</el-button
+          >
+           <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="changeBank(bankId)"
+            >发布考试</el-button
+          >
+        
+          <!-- <el-button
+            v-if="status == 0"
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="issueLesson(bankId)"
+            >发布</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"
+    />
+    <Dia
+      ref="Dia"
+      :componentsNum.sync="componentsNum"
+      :bankId.sync="bankId"
+      :visible.sync="dilogFlag"
+    />
+
+    <el-dialog> </el-dialog>
+  </div>
+</template>
+
+<script>
+// import {
+//   getLessons,
+//   getLessonById,
+//   issue,
+//   deleteLesson,
+// } from "@/api/educationPlanExam/lessonsProgram.js";
+import { listBank,delBank } from "@/api/educationPlanExam/questionBank";
+// 部门列表
+import { treeselect } from "@/api/system/dept";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+// 获取课程类型
+// import { getPlanList } from "@/api/educationPlanExam/trainingProgram";
+// import { mapGetters, mapMutations } from "vuex";
+
+import Dia from "./components/Dia";
+
+export default {
+  name: "textPaper",
+  components: {
+    Dia,
+    Treeselect
+  },
+  data() {
+    return {
+      // 遮罩层
+      loading: false,
+      // 总条数
+      total: 0,
+      // courseOptions: [],
+      bankList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        // 所属部门
+        deptId: null,
+        // 题库名称
+        bankName: null,
+        releaseTime: "",
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+
+      dilogFlag: false,
+      componentsNum: 1,
+      // 点击的id，如果是新增为空
+      bankId: null,
+
+      // 题库id
+      deptId: null,
+      // 归属部门列表
+      deptOptions: [],
+    };
+  },
+  computed: {
+    // ...mapGetters(["courseOptions"]),
+  },
+  created() {
+    // this.getPlanList();
+    this.getTreeselect();
+    this.getList();
+  },
+
+  methods: {
+    // ...mapMutations({ setOptions: "SET_COURSE_OPTIONS" }),
+    /** 查询部门下拉树结构 */
+    getTreeselect() {
+      treeselect().then((response) => {
+        this.deptOptions = response.data;
+        // console.log("123", this.deptOptions);
+        // console.log(this.selectList(this.deptOptions, 175));
+      });
+    },
+    // 递归查值的方法
+    selectList(list, id) {
+      for (let i = 0; i < list.length; i++) {
+        let item = list[i];
+        if (item.id == id) {
+          return item.label;
+        } else {
+          if (Array.isArray(item.children)) {
+            let a = this.selectList(item.children, id);
+            if (a) {
+              return a;
+            }
+          }
+        }
+      }
+    },
+    // 获取课程类别，也就是计划名称
+    // getPlanList() {
+    //   getPlanList().then((res) => {
+    //     const courseOptions = res.data.map((item) => {
+    //       return {
+    //         planId: item.planId,
+    //         planName: item.planName,
+    //       };
+    //     });
+    //     // this.$store.commit("SET_COURSE_OPTIONS");
+    //     this.setOptions(courseOptions);
+    //   });
+    // },
+
+    /** 查询课程列表 */
+    getList() {
+      this.loading = true;
+      listBank(this.queryParams)
+        .then((res) => {
+          console.log(res);
+          this.bankList = res.rows.map((item, index) => {
+            return {
+              bankNum:
+                index +
+                1 +
+                (this.queryParams.pageNum - 1) * this.queryParams.pageSize,
+              ...item,
+            };
+          });
+          this.total = res.total;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    search() {
+      // console.log(this.queryParams);
+      this.getList();
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.$refs.Dia.title = "新增题库";
+      this.componentsNum = 1;
+      this.bankId = null;
+      this.dilogFlag = true;
+    },
+    changeBank(bankId) {
+      this.$refs.Dia.title = "修改题库";
+      this.componentsNum = 1;
+      this.bankId = bankId;
+      this.dilogFlag = true;
+    },
+
+    // 直接查看考题
+    checkQuestion(bankId) {
+      // 要查看考题的id
+      this.bankId = bankId;
+      console.log(this.bankId);
+      // 2代表列表组件
+      this.componentsNum = 2;
+      this.dilogFlag = true;
+    },
+    // 重置
+    resetClick() {
+      this.reset();
+      this.getList();
+    },
+    // 复位
+    reset() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 10,
+        courseType: null,
+        courseName: null,
+        releaseTime: "",
+      };
+    },
+    deletBank(bankId) {
+      this.$confirm("请确定删除", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          return delBank(bankId);
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.$message({
+              message: "删除成功",
+              type: "success",
+            });
+          }
+          this.getList();
+        })
+        .catch(() => {});
+    },
+    // 发布
+    // issueLesson(bankId) {
+    //   this.$confirm("请确定发布", {
+    //     confirmButtonText: "确定",
+    //     cancelButtonText: "取消",
+    //     type: "warning",
+    //   })
+    //     .then(() => {
+    //       // 判断是否录入答题合格数
+    //       return getLessonById(bankId);
+    //     })
+    //     .then((res) => {
+    //       if (res.data.qualifiedNum > 0) {
+    //         return true;
+    //       }
+    //     })
+    //     .then((res) => {
+    //       if (res) {
+    //         // 成功就发布
+    //         return issue({ bankId });
+    //       } else {
+    //         this.$message({
+    //           message: "请先录入答题合格数",
+    //           type: "warning",
+    //         });
+    //       }
+    //     })
+    //     .then((res) => {
+    //       if (res.code == 200) {
+    //         this.$message({
+    //           message: "发布成功",
+    //           type: "success",
+    //         });
+    //         this.getList();
+    //       }
+    //     })
+    //     .catch(() => {});
+    // },
+    formatter(row, column, cellValue, index) {
+      // console.log(row, column, cellValue, index);
+      if (!cellValue) return "-";
+      else return cellValue;
+    },
+    // downloadText(url) {
+    //   // url = url.replace(/\\/g, "/");
+    //   const xhr = new XMLHttpRequest();
+    //   xhr.open("GET", url, true);
+    //   xhr.responseType = "blob";
+    //   //xhr.setRequestHeader('Authorization', 'Basic a2VybWl0Omtlcm1pdA==');
+    //   xhr.onload = function () {
+    //     if (xhr.readyState === 4 && xhr.status === 200) {
+    //       let blob = this.response;
+    //       console.log(blob);
+    //       // 转换一个blob链接
+    //       // 注: URL.createObjectURL() 静态方法会创建一个 DOMString(DOMString 是一个UTF-16字符串)，
+    //       // 其中包含一个表示参数中给出的对象的URL。这个URL的生命周期和创建它的窗口中的document绑定
+    //       let downLoadUrl = window.URL.createObjectURL(
+    //         new Blob([blob], {
+    //           type: "txt",
+    //         })
+    //       );
+    //       // 视频的type是video/mp4，图片是image/jpeg
+    //       // 01.创建a标签
+    //       let a = document.createElement("a");
+    //       // 02.给a标签的属性download设定名称
+    //       a.download = name;
+    //       // 03.设置下载的文件名
+    //       a.href = downLoadUrl;
+    //       // 04.对a标签做一个隐藏处理
+    //       a.style.display = "none";
+    //       // 05.向文档中添加a标签
+    //       document.body.appendChild(a);
+    //       // 06.启动点击事件
+    //       a.click();
+    //       // 07.下载完毕删除此标签
+    //       a.remove();
+    //     }
+    //   };
+
+    //   xhr.send();
+    // },
+    // downLoadVideo(url, name) {
+    //   var xhr = new XMLHttpRequest();
+    //   xhr.open("GET", url, true);
+    //   xhr.responseType = "arraybuffer"; // 返回类型blob
+    //   xhr.onload = function () {
+    //     if (xhr.readyState === 4 && xhr.status === 200) {
+    //       let blob = this.response;
+    //       console.log(blob);
+    //       // 转换一个blob链接
+    //       // 注: URL.createObjectURL() 静态方法会创建一个 DOMString(DOMString 是一个UTF-16字符串)，
+    //       // 其中包含一个表示参数中给出的对象的URL。这个URL的生命周期和创建它的窗口中的document绑定
+    //       let downLoadUrl = window.URL.createObjectURL(
+    //         new Blob([blob], {
+    //           type: "video/mp4",
+    //         })
+    //       );
+    //       // 视频的type是video/mp4，图片是image/jpeg
+    //       // 01.创建a标签
+    //       let a = document.createElement("a");
+    //       // 02.给a标签的属性download设定名称
+    //       a.download = name;
+    //       // 03.设置下载的文件名
+    //       a.href = downLoadUrl;
+    //       // 04.对a标签做一个隐藏处理
+    //       a.style.display = "none";
+    //       // 05.向文档中添加a标签
+    //       document.body.appendChild(a);
+    //       // 06.启动点击事件
+    //       a.click();
+    //       // 07.下载完毕删除此标签
+    //       a.remove();
+    //     }
+    //   };
+    //   xhr.send();
+    // },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.down-load {
+  color: #0bab0c;
+}
+.timuNum {
+  color: #1d84ff;
+  cursor: pointer;
+}
+::v-deep .el-select {
+  width: 100%;
+}
+::v-deep .el-dialog {
+  margin-top: 15vh !important;
+}
+</style>

danger-manage-web/src/views/system/workCheck/index.vue

@@ -67,7 +67,7 @@
     <el-table v-loading="loading" :data="workCheckList" row-key="workId"
               :tree-props="{children: 'children', hasChildren: 'hasChildren'}" @selection-change="handleSelectionChange">
       <el-table-column label="任务名称" align="center" prop="workName" />
-      <el-table-column label="隐患名称" align="center" prop="troubleName" />
+      <!--<el-table-column label="隐患名称" align="center" prop="troubleName" />-->
       <el-table-column label="任务周期" align="center" prop="workCycle" :formatter="workCycleFormat"  width="80px"/>
       <el-table-column label="排查类型" align="center" prop="workType" :formatter="workTypeFormat" width="80px"/>
       <el-table-column label="排查形式" align="center" prop="workForm" :formatter="workFormFormat" width="80px"/>
@@ -79,19 +79,19 @@
       </el-table-column>
       <!--<el-table-column label="任务期限" align="center" prop="timeTerm" />-->
       <!--<el-table-column label="任务范围" align="center" prop="workRange" />-->
-      <el-table-column label="责任部门" align="center" prop="deptName" />
-      <el-table-column label="任务进展 " align="center" prop="workStep" width="80px" >
-        <template slot-scope="scope">
-          <div v-if="scope.row.workCycle==1 || scope.row.parentId!=0">
-            <span style="color: red" v-if="scope.row.workStep==0">未进行</span>
-            <span v-if="scope.row.workStep==1">待评估</span>
-            <span v-if="scope.row.workStep==2">已评估</span>
-            <span v-if="scope.row.workStep==3">待整改</span>
-            <span v-if="scope.row.workStep==4">已结束</span>
-          </div>
-          <span v-if="scope.row.workCycle!=1 && scope.row.parentId==0">--</span>
-        </template>
-      </el-table-column>
+      <el-table-column label="责任人" align="center" prop="staffName" />
+      <!--<el-table-column label="任务进展 " align="center" prop="workStep" width="80px" >-->
+        <!--<template slot-scope="scope">-->
+          <!--<div v-if="scope.row.workCycle==1 || scope.row.parentId!=0">-->
+            <!--<span style="color: red" v-if="scope.row.workStep==0">未进行</span>-->
+            <!--<span v-if="scope.row.workStep==1">待评估</span>-->
+            <!--<span v-if="scope.row.workStep==2">已评估</span>-->
+            <!--<span v-if="scope.row.workStep==3">待整改</span>-->
+            <!--<span v-if="scope.row.workStep==4">已结束</span>-->
+          <!--</div>-->
+          <!--<span v-if="scope.row.workCycle!=1 && scope.row.parentId==0">&#45;&#45;</span>-->
+        <!--</template>-->
+      <!--</el-table-column>-->
       <el-table-column label="创建时间" align="center" prop="createTime" width="180">
       </el-table-column>
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
@@ -210,7 +210,7 @@
                 <!--&gt;</el-option>-->
               <!--</el-select>-->
             <!--</el-form-item>-->
-            <el-form-item label="责任人" prop="deptId">
+            <el-form-item label="责任人" prop="staffId">
               <el-select v-model="form.staffId" filterable placeholder="请选择责任人">
                 <el-option
                   v-for="item in userList"
@@ -357,104 +357,151 @@
         </el-row>
 
     </el-dialog>
-    <el-dialog title="排查任务详情" :visible.sync="open3" width="1000px" append-to-body>
-      <el-form  label-width="100px">
-        <!--<el-form-item label="结束时间" prop="workEndTime">-->
-          <!--{{workInfo.workEndTime}}-->
-        <!--</el-form-item>-->
-        <div class="block">
-          <el-timeline>
-            <el-timeline-item :timestamp="assessment.checkTime+'（排查反馈）'" placement="top">
-              <el-card>
-                <el-form-item label="排查反馈:" >
-                  <dl v-html="assessment.checkFeedback">
-                    {{assessment.checkFeedback}}
-                  </dl>
-                </el-form-item>
-                <el-form-item label="现场图片:" >
-                  <img :src="assessment.checkUrl" style="height: 80px" @click="showPicture()"/>
-                  <el-image :zIndex="9999" :ref="'a'+ 1" :src="assessment.checkUrl" v-show="false" :preview-src-list="[assessment.checkUrl]" v-if="assessment.checkUrl != '' && assessment.checkUrl != null"></el-image>
+    <el-dialog title="排查任务详情" :visible.sync="open3" width="1200px" append-to-body>
+      <el-table  :data="assessmentList" >
+        <el-table-column label="风险点" align="center" prop="riskPoint" />
+        <el-table-column label="隐患名称" align="center" prop="inspectTerm" />
+        <!--<el-table-column label="检查依据" align="center" prop="inspectBasis" >-->
 
-                </el-form-item>
-                <el-form-item label="排查人员:" >
-                  {{assessment.checkUser}}
-                </el-form-item>
-              </el-card>
-            </el-timeline-item>
-            <el-card v-if="pinggu">
-              <el-form ref="assessment" :model="assessment" :rules="rules2" label-width="80px">
-                <el-form-item label="评估内容" prop="assessmentContent">
-                  <editor v-model="assessment.assessmentContent" :min-height="192"/>
-                </el-form-item>
+        <!--</el-table-column>-->
+        <!--<el-table-column label="内容及标准" align="center" prop="libraryContent" >-->
 
-                <el-form-item label="风险等级" prop="assessmentLevel">
-                  <el-select v-model="assessment.assessmentLevel" placeholder="请选择评估风险等级">
-                    <el-option
-                      v-for="dict in assessmentLevelOptions"
-                      :key="dict.dictValue"
-                      :label="dict.dictLabel"
-                      :value="parseInt(dict.dictValue)"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="评估人" prop="assessmentUser">
-                  <el-input v-model="assessment.assessmentUser" placeholder="请输入评估人" />
-                </el-form-item>
-              </el-form>
-              <el-button type="primary" style="margin-left:42%" @click="submitping">确定</el-button>
-            </el-card>
-              <el-button v-if="!pinggu && assessment.assessmentTime==null" type="primary" style="margin-left:42%" @click="beginping">任务评估</el-button>
+        <!--</el-table-column>-->
+        <!--<el-table-column label="任务期限" align="center" prop="timeTerm" />-->
+        <!--<el-table-column label="任务范围" align="center" prop="workRange" />-->
+        <el-table-column label="巡检状态" align="center" prop="isXun" width="80" >
+          <template slot-scope="scope">
+            <span style="color: red"  v-if="scope.row.isXun==0">未巡检</span>
+            <span v-if="scope.row.isXun==1">已巡检</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="巡检反馈内容" align="center" prop="checkFeedback" />
+        <el-table-column label="巡检图片" align="center" prop="checkUrl" >
+          <template slot-scope="scope">
+            <img :src="scope.row.checkUrl" style="width: 20%;vertical-align:middle;cursor:pointer;" @click="showPicture(scope.row)"/>
+            <el-image :zIndex="9999" :ref="'a'+scope.row.id"  :src="scope.row.checkUrl" v-show="false" :preview-src-list="[scope.row.checkUrl]" v-if="scope.row.checkUrl != '' && scope.row.checkUrl != null"></el-image>
+          </template>
+        </el-table-column>
+        <el-table-column label="巡检人" align="center" prop="checkUser" >
+        </el-table-column>
+        <el-table-column label="巡检时间" align="center" prop="checkTime" width="180">
+        </el-table-column>
+        <!--<el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
+          <!--<template slot-scope="scope">-->
+            <!--<el-button-->
+              <!--size="mini"-->
+              <!--type="text"-->
+              <!--icon="el-icon-document-copy"-->
+              <!--@click="handleDetail1(scope.row)"-->
+            <!--&gt;巡检详情</el-button>-->
+          <!--</template>-->
+        <!--</el-table-column>-->
+      </el-table>
+      <pagination
+        style="margin-top: 5px;height: 40px;background: #f7f7f7;"
+        v-show="total3>0"
+        :total="total3"
+        :page.sync="queryParams3.pageNum"
+        :limit.sync="queryParams3.pageSize"
+        @pagination="handleDetail(null)"
+      />
+      <!--<el-form  label-width="100px">-->
+        <!--&lt;!&ndash;<el-form-item label="结束时间" prop="workEndTime">&ndash;&gt;-->
+          <!--&lt;!&ndash;{{workInfo.workEndTime}}&ndash;&gt;-->
+        <!--&lt;!&ndash;</el-form-item>&ndash;&gt;-->
+        <!--<div class="block">-->
+          <!--<el-timeline>-->
+            <!--<el-timeline-item :timestamp="assessment.checkTime+'（排查反馈）'" placement="top">-->
+              <!--<el-card>-->
+                <!--<el-form-item label="排查反馈:" >-->
+                  <!--<dl v-html="assessment.checkFeedback">-->
+                    <!--{{assessment.checkFeedback}}-->
+                  <!--</dl>-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="现场图片:" >-->
+                  <!--<img :src="assessment.checkUrl" style="height: 80px" @click="showPicture()"/>-->
+                  <!--<el-image :zIndex="9999" :ref="'a'+ 1" :src="assessment.checkUrl" v-show="false" :preview-src-list="[assessment.checkUrl]" v-if="assessment.checkUrl != '' && assessment.checkUrl != null"></el-image>-->
 
-            <el-timeline-item v-if="assessment.assessmentTime!=null"  :timestamp="assessment.assessmentTime+'（风险评估）'" placement="top">
-              <el-card>
-                <el-form-item label="风险等级:" >
-                  {{assessment.assessmentLevel}}
-                </el-form-item>
-                <el-form-item label="评估内容:" >
-                  <dl v-html="assessment.assessmentContent">
-                    {{assessment.assessmentContent}}
-                  </dl>
-                </el-form-item>
-                <el-form-item label="评估人:" >
-                  {{assessment.assessmentUser}}
-                </el-form-item>
-              </el-card>
-            </el-timeline-item>
-            <el-timeline-item v-if="assessment.modifyBegin!=null"  :timestamp="assessment.modifyBegin+'（隐患整改）'" placement="top">
-              <el-card>
-                <el-form-item label="是否整改:" >
-                  <span v-if="assessment.isModify==1">是</span>
-                  <span v-if="assessment.isModify==0">否</span>
-                </el-form-item>
-                <el-form-item label="整改意见:" >
-                  <dl v-html="assessment.modifyOpinion">
-                    {{assessment.modifyOpinion}}
-                  </dl>
-                </el-form-item>
-                <el-form-item label="整改人:" >
-                  {{assessment.modifyPeople}}
-                </el-form-item>
-                <el-form-item label="整改电话:" >
-                  {{assessment.modifyPhone}}
-                </el-form-item>
-                <el-form-item label="整改期限:" >
-                  {{assessment.modifyTerm}}天
-                </el-form-item>
-                <el-form-item label="结束时间:" >
-                  {{assessment.modifyEnd}}
-                </el-form-item>
-              </el-card>
-            </el-timeline-item>
-          </el-timeline>
-        </div>
-      </el-form>
+                <!--</el-form-item>-->
+                <!--<el-form-item label="排查人员:" >-->
+                  <!--{{assessment.checkUser}}-->
+                <!--</el-form-item>-->
+              <!--</el-card>-->
+            <!--</el-timeline-item>-->
+            <!--<el-card v-if="pinggu">-->
+              <!--<el-form ref="assessment" :model="assessment" :rules="rules2" label-width="80px">-->
+                <!--<el-form-item label="评估内容" prop="assessmentContent">-->
+                  <!--<editor v-model="assessment.assessmentContent" :min-height="192"/>-->
+                <!--</el-form-item>-->
+
+                <!--<el-form-item label="风险等级" prop="assessmentLevel">-->
+                  <!--<el-select v-model="assessment.assessmentLevel" placeholder="请选择评估风险等级">-->
+                    <!--<el-option-->
+                      <!--v-for="dict in assessmentLevelOptions"-->
+                      <!--:key="dict.dictValue"-->
+                      <!--:label="dict.dictLabel"-->
+                      <!--:value="parseInt(dict.dictValue)"-->
+                    <!--&gt;</el-option>-->
+                  <!--</el-select>-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="评估人" prop="assessmentUser">-->
+                  <!--<el-input v-model="assessment.assessmentUser" placeholder="请输入评估人" />-->
+                <!--</el-form-item>-->
+              <!--</el-form>-->
+              <!--<el-button type="primary" style="margin-left:42%" @click="submitping">确定</el-button>-->
+            <!--</el-card>-->
+              <!--<el-button v-if="!pinggu && assessment.assessmentTime==null" type="primary" style="margin-left:42%" @click="beginping">任务评估</el-button>-->
+
+            <!--<el-timeline-item v-if="assessment.assessmentTime!=null"  :timestamp="assessment.assessmentTime+'（风险评估）'" placement="top">-->
+              <!--<el-card>-->
+                <!--<el-form-item label="风险等级:" >-->
+                  <!--{{assessment.assessmentLevel}}-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="评估内容:" >-->
+                  <!--<dl v-html="assessment.assessmentContent">-->
+                    <!--{{assessment.assessmentContent}}-->
+                  <!--</dl>-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="评估人:" >-->
+                  <!--{{assessment.assessmentUser}}-->
+                <!--</el-form-item>-->
+              <!--</el-card>-->
+            <!--</el-timeline-item>-->
+            <!--<el-timeline-item v-if="assessment.modifyBegin!=null"  :timestamp="assessment.modifyBegin+'（隐患整改）'" placement="top">-->
+              <!--<el-card>-->
+                <!--<el-form-item label="是否整改:" >-->
+                  <!--<span v-if="assessment.isModify==1">是</span>-->
+                  <!--<span v-if="assessment.isModify==0">否</span>-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="整改意见:" >-->
+                  <!--<dl v-html="assessment.modifyOpinion">-->
+                    <!--{{assessment.modifyOpinion}}-->
+                  <!--</dl>-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="整改人:" >-->
+                  <!--{{assessment.modifyPeople}}-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="整改电话:" >-->
+                  <!--{{assessment.modifyPhone}}-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="整改期限:" >-->
+                  <!--{{assessment.modifyTerm}}天-->
+                <!--</el-form-item>-->
+                <!--<el-form-item label="结束时间:" >-->
+                  <!--{{assessment.modifyEnd}}-->
+                <!--</el-form-item>-->
+              <!--</el-card>-->
+            <!--</el-timeline-item>-->
+          <!--</el-timeline>-->
+        <!--</div>-->
+      <!--</el-form>-->
     </el-dialog>
   </div>
 </template>
 
 <script>
 import { listWorkCheck, getWorkCheck, delWorkCheck, addWorkCheck, updateWorkCheck, exportWorkCheck } from "@/api/system/workCheck";
-import { getAssessmentWorkId,updateAssessment } from "@/api/system/assessment";
+import { getAssessmentWorkId,updateAssessment,listAssessment} from "@/api/system/assessment";
 import { listLibrary} from "@/api/system/library";
 import { listBook } from "@/api/system/book";
 import Editor from '@/components/Editor';
@@ -483,9 +530,11 @@ export default {
       // 总条数
       total: 0,
       total2: 0,
+      total3: 0,
       // 隐患排查任务表格数据
       workCheckList: [],
       childrenList:[],
+      assessmentList:[],
       //部门列表
       deptList:[],
       //资料库
@@ -528,6 +577,11 @@ export default {
         workName: null,
         workType: null,
       },
+      queryParams3: {
+        pageNum: 1,
+        pageSize: 10,
+        workId: 0,
+      },
       // 表单参数
       form: {},
       workInfo:{},
@@ -552,8 +606,8 @@ export default {
         workEndTime: [
           { required: true, message: "排查结束时间不能为空", trigger: "blur" }
         ],
-        deptId: [
-          { required: true, message: "责任部门不能为空", trigger: "blur" }
+        staffId: [
+          { required: true, message: "责任人不能为空", trigger: "blur" }
         ],
         // content: [
         //   { required: true, message: "排查内容不能为空", trigger: "blur" }
@@ -727,16 +781,21 @@ export default {
         this.open2 = true;
     });
     },
-    //任务详情
+    //任务详情listAssessment
     handleDetail(row) {
-      getAssessmentWorkId(row.workId).then(response => {
-        console.log(response.data);
-        if(response.data==undefined){
-          this.msgError("任务未进行");
-          return;
-        }
-        this.assessment = response.data;
-      this.assessment.assessmentLevel = this.selectDictLabel(this.assessmentLevelOptions, response.data.assessmentLevel)
+      if(row!=null){
+        this.queryParams3.workId = row.workId;
+      }
+      listAssessment(this.queryParams3).then(response => {
+        console.log(response.rows);
+        this.assessmentList = response.rows;
+        this.total3 = response.total;
+        // if(response.data==undefined){
+        //   this.msgError("任务未进行");
+        //   return;
+        // }
+        // this.assessment = response.data;
+        // this.assessment.assessmentLevel = this.selectDictLabel(this.assessmentLevelOptions, response.data.assessmentLevel)
         this.open3 = true;
     });
     },
@@ -787,6 +846,10 @@ export default {
         }
       }
     },
+    showPicture(row){
+      this.$refs['a'+row.id].showViewer = true;
+      console.log("===",row.id);
+    },
     /** 导出按钮操作 */
     handleExport() {
       const queryParams = this.queryParams;
@@ -824,6 +887,9 @@ export default {
   ::v-deep .el-form-item__content{
     background: white;
   }
+  ::v-deep .el-table{
+    min-height: 500px;
+  }
   .div-left{
     min-height: 530px;
     border-radius: 10px;

danger-manage-web/vue.config.js

@@ -34,8 +34,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        //target: process.env.VUE_APP_TARGET,
-         target: `http://192.168.2.2:8908/dangerManage`,
+        target: process.env.VUE_APP_TARGET,
+        //target: `http://192.168.31.87:8908/dangerManage`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''