Merge branch 'master' of http://172.16.90.201:3000/veterans/veterans_client_web

package.json

@@ -15,12 +15,13 @@
     "element-china-area-data": "^5.0.2",
     "element-ui": "^2.15.9",
     "js-cookie": "^3.0.1",
-    "quill": "^1.3.7",
+    "quill-image-extend-module": "^1.1.2",
     "register-service-worker": "^1.7.2",
     "swiper": "5.x",
     "vue": "^2.6.14",
     "vue-awesome-swiper": "4.1.1",
     "vue-pdf": "4.3.0",
+    "vue-quill-editor": "^3.0.6",
     "vue-router": "^3.5.1",
     "vuex": "^3.6.2"
   },

src/api/CooperativeColleges/index.js

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-11 17:29:58
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-16 10:59:17
+ * @LastEditTime: 2022-08-29 10:31:43
  * @FilePath: \veterans_client_web\src\api\CooperativeColleges\index.js
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
  */
@@ -39,3 +39,19 @@ export function getSchoolDetails(params) {
     params
   })
 }
+
+/**
+ * 获取专业详情
+ * @param {*} params
+ * @returns
+ */
+export function getSchoolProfessionalDetails(params) {
+  return request({
+    url: '/app/school/getProfessonDetail/' + params.id,
+    method: 'get',
+    headers: {
+      noLoginFlag: true
+    },
+    params
+  })
+}

src/api/EducationPromote/index.js

@@ -2,8 +2,8 @@
  * @Description: 学历提升
  * @Author: 空白格
  * @Date: 2022-08-12 14:54:05
- * @LastEditors: 空白格
- * @LastEditTime: 2022-08-29 09:46:21
+ * @LastEditors: wangcc
+ * @LastEditTime: 2022-08-29 10:56:44
  * @FilePath: \veterans_client_web\src\api\EducationPromote\index.js
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
  */
@@ -56,3 +56,15 @@ export function getActivityBySchool(params) {
     params
   })
 }
+
+/**
+ * 获取学院活动列表
+ * @param {*} params
+ * @returns
+ */
+ export function getDetailBySchool(id) {
+  return request({
+    url: '/app/learnpackage/getDetail/' + id,
+    method: 'get',
+  })
+}

src/api/File/index.vue

@@ -0,0 +1,9 @@
+<!--
+ * @Description: 文件api
+ * @Author: 空白格
+ * @Date: 2022-08-29 11:21:23
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 11:21:23
+ * @FilePath: \veterans_client_web\src\api\File\index.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->

src/api/WorkGuide/index.js

@@ -3,11 +3,11 @@
  * @Author: 空白格
  * @Date: 2022-08-12 13:03:10
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-25 14:18:13
+ * @LastEditTime: 2022-08-29 13:45:51
  * @FilePath: \veterans_client_web\src\api\WorkGuide\index.js
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
  */
-import request from "@/utils/request";
+import request from '@/utils/request'
 /**
  * 获取创业指导列表
  * @param {*} params
@@ -15,10 +15,10 @@ import request from "@/utils/request";
  */
 export function getWorkGuideData(params) {
   return request({
-    url: "/app/guidance",
-    method: "get",
-    params,
-  });
+    url: '/app/guidance',
+    method: 'get',
+    params
+  })
 }
 
 /**
@@ -28,8 +28,21 @@ export function getWorkGuideData(params) {
  */
 export function getWorkGuideDetails(params) {
   return request({
-    url: "/app/guidance/getDetail/" + params.id,
-    method: "get",
-    params,
-  });
+    url: '/app/guidance/getDetail/' + params.id,
+    method: 'get',
+    params
+  })
+}
+
+/**
+ * 添加创业指导
+ * @param {*} data
+ * @returns
+ */
+export function addWorkGuide(data) {
+  return request({
+    url: '/app/guidance',
+    method: 'post',
+    data
+  })
 }

src/components/Quill/index.vue

@@ -0,0 +1,119 @@
+<!--
+ * @Description: 富文本编辑器封装
+ * @Author: 空白格
+ * @Date: 2022-08-29 11:20:00
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 11:58:45
+ * @FilePath: \veterans_client_web\src\components\Quill\index.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+
+<template>
+  <quill-editor
+    class="editor"
+    v-model="myContent"
+    ref="myQuillEditor"
+    :options="editorOption"
+    @blur="onEditorBlur($event)"
+    @focus="onEditorFocus($event)"
+    @change="onEditorChange($event)"
+  >
+  </quill-editor>
+</template>
+
+<script>
+import { quillEditor, Quill } from "vue-quill-editor";
+import { ImageExtend, QuillWatch } from "quill-image-extend-module";
+
+Quill.register("modules/ImageExtend", ImageExtend);
+
+// 工具栏配置
+const toolbarOptions = [
+  ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线 -----['bold', 'italic', 'underline', 'strike']
+  ["blockquote", "code-block"], // 引用  代码块-----['blockquote', 'code-block']
+  [{ header: 1 }, { header: 2 }], // 1、2 级标题-----[{ header: 1 }, { header: 2 }]
+  [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表-----[{ list: 'ordered' }, { list: 'bullet' }]
+  [{ script: "sub" }, { script: "super" }], // 上标/下标-----[{ script: 'sub' }, { script: 'super' }]
+  [{ indent: "-1" }, { indent: "+1" }], // 缩进-----[{ indent: '-1' }, { indent: '+1' }]
+  [{ direction: "rtl" }], // 文本方向-----[{'direction': 'rtl'}]
+  [{ size: ["small", false, "large", "huge"] }], // 字体大小-----[{ size: ['small', false, 'large', 'huge'] }]
+  [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题-----[{ header: [1, 2, 3, 4, 5, 6, false] }]
+  [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色-----[{ color: [] }, { background: [] }]
+  [{ font: [] }], // 字体种类-----[{ font: [] }]
+  [{ align: [] }], // 对齐方式-----[{ align: [] }]
+  ["clean"], // 清除文本格式-----['clean']
+  ["link", "image"], // 链接、图片、视频-----['link', 'image', 'video']
+];
+
+export default {
+  name: "Quill",
+  components: { quillEditor },
+  props: {
+    content: {
+      type: String,
+      default: "",
+    },
+    placeholder: {
+      type: String,
+      default: "请输入内容",
+    },
+  },
+  data() {
+    return {
+      // 富文本
+      myContent: this.content,
+      editorOption: {
+        placeholder: this.placeholder,
+        theme: "snow", // or 'bubble'
+        modules: {
+          ImageExtend: {
+            loading: true,
+            name: "file",
+            size: 2, // 可选参数 图片大小，单位为M，1M = 1024kb
+            action: process.env.VUE_APP_BASE_API + "/file/upload/single/minio",
+            header: {
+              Authorization: `Bearer ${this.$store.state.user.token}`,
+            },
+            response: (res) => {
+              // // 图片下载路径
+              let url = ``;
+              if (res.code === 200) {
+                url = res.data.url ?? "";
+              }
+              return url;
+            },
+          },
+          toolbar: {
+            container: toolbarOptions,
+            handlers: {
+              image: function () {
+                QuillWatch.emit(this.quill.id);
+              },
+            },
+          },
+        },
+      },
+    };
+  },
+  watch: {
+    // 监听content值变化, 确保输入框中的数据刷新
+    content() {
+      this.myContent = this.content;
+    },
+  },
+  methods: {
+    // 失去焦点事件
+    onEditorBlur() {
+      this.$emit("onEditorBlur", this.myContent);
+    },
+    // 获得焦点事件
+    onEditorFocus() {
+      this.$emit("onEditorFocus", this.myContent);
+    },
+    // 内容改变事件
+    onEditorChange() {
+      this.$emit("onEditorChange", this.myContent);
+    },
+  },
+};
+</script>

src/main.js

@@ -8,6 +8,9 @@ import ElementUI from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
 import VueAwesomeSwiper from 'vue-awesome-swiper'
 import 'swiper/css/swiper.css'
+// 富文本编辑器样式
+import 'quill/dist/quill.core.css'
+import 'quill/dist/quill.snow.css'
 Vue.use(VueAwesomeSwiper)
 Vue.use(ElementUI)
 

src/router/index.js

@@ -90,6 +90,17 @@ const routes = [
           title: '院校详情'
         }
       },
+      {
+        path: 'cooperativecolleges/professionalintroduction',
+        name: 'ProfessionalIntroductionIndex',
+        component: () =>
+          import(
+            '@/views/CooperativeColleges/CollegesDetails/ProfessionalIntroduction/ProfessionalIntroductionIndex.vue'
+          ),
+        meta: {
+          title: '专业详情'
+        }
+      },
       {
         path: 'skilltraining',
         name: 'SkillTrainingIndex',
@@ -101,7 +112,8 @@ const routes = [
       {
         path: 'skilltraining/skillpackage',
         name: 'SkillPackageIndex',
-        component: () => import('@/views/SkillTraining/SkillPackage/SkillPackageIndex.vue'),
+        component: () =>
+          import('@/views/SkillTraining/SkillPackage/SkillPackageIndex.vue'),
         meta: {
           title: '技能包'
         }
@@ -109,7 +121,10 @@ const routes = [
       {
         path: 'skilltraining/selectedcourses',
         name: 'SelectedCoursesIndex',
-        component: () => import('@/views/SkillTraining/SkillPackage/SelectedCourses/SelectedCoursesIndex.vue'),
+        component: () =>
+          import(
+            '@/views/SkillTraining/SkillPackage/SelectedCourses/SelectedCoursesIndex.vue'
+          ),
         meta: {
           title: '精选课程'
         }
@@ -117,7 +132,8 @@ const routes = [
       {
         path: 'skilltraining/coursevideo',
         name: 'CourseVideoIndex',
-        component: () => import('@/views/SkillTraining/CourseVideo/CourseVideoIndex.vue'),
+        component: () =>
+          import('@/views/SkillTraining/CourseVideo/CourseVideoIndex.vue'),
         meta: {
           title: '课程详情'
         }
@@ -130,10 +146,21 @@ const routes = [
           title: '创业指引'
         }
       },
+      {
+        path: 'workguide/add',
+        name: 'AddWorkGuideIndex',
+        component: () => import('@/views/WorkGuide/AddWorkGuide/AddWorkGuideIndex.vue'),
+        meta: {
+          title: '提交创业计划'
+        }
+      },
       {
         path: 'workguide/details',
         name: 'WorkGuideDetailsIndex',
-        component: () => import('@/views/WorkGuide/WorkGuideDetails/WorkGuideDetailsIndex.vue'),
+        component: () =>
+          import(
+            '@/views/WorkGuide/WorkGuideDetails/WorkGuideDetailsIndex.vue'
+          ),
         meta: {
           title: '创业计划详情'
         }
@@ -151,20 +178,57 @@ const routes = [
         path: 'educationpromote/details',
         name: 'EducationPromoteDetailsIndex',
         component: () =>
-          import('@/views/EducationPromote/EducationPromoteDetails/EducationPromoteDetailsIndex.vue'),
+          import(
+            '@/views/EducationPromote/EducationPromoteDetails/EducationPromoteDetailsIndex.vue'
+          ),
         meta: {
           title: '学历提升详情'
         }
       },
+      {
+        path: 'educationpromote/video',
+        name: 'CourseVideoIndex',
+        component: () =>
+          import(
+            '@/views/EducationPromote/CourseVideo/CourseVideoIndex.vue'
+          ),
+        meta: {
+          title: '课程详情'
+        }
+      },
+      {
+        path: 'educationpromote/courses',
+        name: 'SelectedCoursesIndex',
+        component: () =>
+          import(
+            '@/views/EducationPromote/ProfessionalIntroduction/SelectedCourses/SelectedCoursesIndex.vue'
+          ),
+        meta: {
+          title: '更多课程'
+        }
+      },
       {
         path: 'educationpromote/recruitstudents',
         name: 'RecruitStudentsIndex',
         component: () =>
-          import('@/views/EducationPromote/RecruitStudents/RecruitStudentsIndex.vue'),
+          import(
+            '@/views/EducationPromote/RecruitStudents/RecruitStudentsIndex.vue'
+          ),
         meta: {
           title: '招生简章'
         }
       },
+      {
+        path: 'educationpromote/professionalintroduction',
+        name: 'ProfessionalIntroductionIndex',
+        component: () =>
+          import(
+            '@/views/EducationPromote/ProfessionalIntroduction/ProfessionalIntroductionIndex.vue'
+          ),
+        meta: {
+          title: '专业详情'
+        }
+      },
       {
         path: 'adaptivetraining',
         name: 'AdaptiveTrainingIndex',
@@ -178,7 +242,9 @@ const routes = [
         path: 'adaptivetraining/onlinecoursedetails',
         name: 'OnlineCourseDetailsIndex',
         component: () =>
-          import('@/views/AdaptiveTraining/OnlineCourseDetails/OnlineCourseDetailsIndex.vue'),
+          import(
+            '@/views/AdaptiveTraining/OnlineCourseDetails/OnlineCourseDetailsIndex.vue'
+          ),
         meta: {
           title: '线上课程详情'
         }
@@ -187,7 +253,9 @@ const routes = [
         path: 'adaptivetraining/offlinecoursedetails',
         name: 'OfflineCourseDetailsIndex',
         component: () =>
-          import('@/views/AdaptiveTraining/OfflineCourseDetails/OfflineCourseDetailsIndex.vue'),
+          import(
+            '@/views/AdaptiveTraining/OfflineCourseDetails/OfflineCourseDetailsIndex.vue'
+          ),
         meta: {
           title: '线下课程详情'
         }
@@ -222,8 +290,7 @@ const routes = [
       {
         path: 'personalcenter/resumeEdit',
         name: 'ResumeEdit',
-        component: () =>
-          import('@/views/PersonalCenter/Resume/ResumeEdit.vue'),
+        component: () => import('@/views/PersonalCenter/Resume/ResumeEdit.vue'),
         meta: {
           title: '编辑简历'
         }
@@ -268,7 +335,9 @@ const routes = [
         path: 'personalcenter/skillsTrainingdetails',
         name: 'SkillsTrainingDetailsIndex',
         component: () =>
-          import('@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/SkillsTrainingDetailsIndex.vue'),
+          import(
+            '@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/SkillsTrainingDetailsIndex.vue'
+          ),
         meta: {
           title: '我的技能培训详情'
         }
@@ -277,7 +346,9 @@ const routes = [
         path: 'personalcenter/coursevideo',
         name: 'CourseVideoIndex',
         component: () =>
-          import('@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/CourseVideo/CourseVideoIndex.vue'),
+          import(
+            '@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/CourseVideo/CourseVideoIndex.vue'
+          ),
         meta: {
           title: '课程视频'
         }
@@ -286,7 +357,9 @@ const routes = [
         path: 'personalcenter/achievementcertificate',
         name: 'AchievementCertificateIndex',
         component: () =>
-          import('@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/AchievementCertificate/AchievementCertificateIndex.vue'),
+          import(
+            '@/views/PersonalCenter/SkillTraining/SkillsTrainingDetails/AchievementCertificate/AchievementCertificateIndex.vue'
+          ),
         meta: {
           title: '成绩与证书'
         }
@@ -295,7 +368,9 @@ const routes = [
         path: 'personalcenter/progresspoints',
         name: 'ProgressPointsIndex',
         component: () =>
-          import('@/views/PersonalCenter/ProgressPoints/ProgressPointsIndex.vue'),
+          import(
+            '@/views/PersonalCenter/ProgressPoints/ProgressPointsIndex.vue'
+          ),
         meta: {
           title: '进步积分'
         }
@@ -304,7 +379,9 @@ const routes = [
         path: 'personalcenter/progresspoints/integralrule',
         name: 'IntegralRuleIndex',
         component: () =>
-          import('@/views/PersonalCenter/ProgressPoints/IntegralRule/IntegralRuleIndex.vue'),
+          import(
+            '@/views/PersonalCenter/ProgressPoints/IntegralRule/IntegralRuleIndex.vue'
+          ),
         meta: {
           title: '积分规则'
         }
@@ -313,7 +390,9 @@ const routes = [
         path: 'applyeducationauth',
         name: 'ApplyEducationAuthIndex',
         component: () =>
-          import('@/views/PersonalCenter/ApplyEducationAuth/ApplyEducationAuthIndex.vue'),
+          import(
+            '@/views/PersonalCenter/ApplyEducationAuth/ApplyEducationAuthIndex.vue'
+          ),
         meta: {
           title: '退役军人认证'
         }
@@ -321,8 +400,7 @@ const routes = [
       {
         path: 'newscenter',
         name: 'NewsCenterIndex',
-        component: () =>
-          import('@/views/NewsCenter/NewsCenterIndex.vue'),
+        component: () => import('@/views/NewsCenter/NewsCenterIndex.vue'),
         meta: {
           title: '新闻中心'
         }

src/views/AdaptiveTraining/AdaptiveTrainingIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-12 15:23:44
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-25 16:11:24
+ * @LastEditTime: 2022-08-29 14:03:52
  * @FilePath: \veterans_client_web\src\views\AdaptiveTraining\AdaptiveTrainingIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -48,7 +48,7 @@
             </div>
           </div>
           <div class="atcs-right">
-            <el-button class="atcs-right-btn">开始学习</el-button>
+            <!-- <el-button class="atcs-right-btn">开始学习</el-button> -->
           </div>
         </div>
         <div

src/views/AdaptiveTraining/OfflineCourseDetails/OfflineCourseDetailsIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-24 10:44:26
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-25 16:15:08
+ * @LastEditTime: 2022-08-29 14:04:39
  * @FilePath: \veterans_client_web\src\views\AdaptiveTraining\OfflineCourseDetails\OfflineCourseDetailsIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -19,7 +19,7 @@
           <span>（{{ detainsInfo.adaptAddress }}）</span>
         </div>
         <div class="details-box-content-des">
-          <div class="dbcd-content" v-html="detainsInfo.adaptPlan"></div>
+          <div class="dbcd-content ql-editor" v-html="detainsInfo.adaptPlan"></div>
         </div>
       </div>
     </div>

src/views/CooperativeColleges/CollegesDetails/CollegesDetailsIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-16 10:40:45
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-22 10:08:53
+ * @LastEditTime: 2022-08-29 13:59:56
  * @FilePath: \veterans_client_web\src\views\CooperativeColleges\CollegesDetails\CollegesDetailsIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -58,7 +58,7 @@
         <div class="edmi-introduce">
           <h4>学校信息</h4>
           <template v-if="details.detatil">
-            <div v-html="details.detatil"></div>
+            <div class="ql-editor" v-html="details.detatil"></div>
           </template>
           <template v-else>
             <div class="edmi-introduce-content">暂无学校信息</div>
@@ -127,7 +127,14 @@
                 v-for="(item, index) in details.twinList"
                 :key="index"
               >
-                <div class="edmi-position-list-item">
+                <div
+                  class="edmi-position-list-item"
+                  @click="
+                    jumpPage('/cooperativecolleges/professionalintroduction', {
+                      id: item.id,
+                    })
+                  "
+                >
                   <div class="epli-left">
                     {{ item.professionName }}（专业代码：{{
                       item.professionCode
@@ -163,7 +170,14 @@
                 v-for="(item, index) in details.enrollList"
                 :key="index"
               >
-                <div class="edmi-position-list-item">
+                <div
+                  class="edmi-position-list-item"
+                  @click="
+                    jumpPage('/cooperativecolleges/professionalintroduction', {
+                      id: item.id,
+                    })
+                  "
+                >
                   <div class="epli-left">
                     {{ item.professionName }}（专业代码：{{
                       item.professionCode
@@ -250,6 +264,19 @@ export default {
         window.open(link);
       }
     },
+    /**
+     * 跳转
+     * @date 2022-08-29
+     * @param {any} path
+     * @param {any} query
+     * @returns {any}
+     */
+    jumpPage(path, query) {
+      this.$router.push({
+        path,
+        query,
+      });
+    },
   },
   filters: {
     filtersDict(val, list) {

src/views/CooperativeColleges/CollegesDetails/ProfessionalIntroduction/ProfessionalIntroductionIndex.vue

@@ -0,0 +1,171 @@
+<!--
+ * @Description: 专业详情
+ * @Author: 空白格
+ * @Date: 2022-08-29 10:19:36
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 14:05:00
+ * @FilePath: \veterans_client_web\src\views\CooperativeColleges\CollegesDetails\ProfessionalIntroduction\ProfessionalIntroductionIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div class="app-main details">
+    <BannerBreadcrumb title="专业详情" :isRouter="true" />
+    <div class="app-main-box details-box">
+      <div class="app-main-box-content details-box-content">
+        <div class="details-box-content-title">
+          {{ detainsInfo.professionName || "-" }}
+        </div>
+        <div class="details-box-content-subtitle">
+          <span>（专业代码：{{ detainsInfo.professionCode }}）</span>
+        </div>
+        <div class="details-box-content-des">
+          <div class="dbcd-content ql-editor" v-html="detainsInfo.professionDetail"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BannerBreadcrumb from "@/components/BannerBreadcrumb";
+import { getSchoolProfessionalDetails } from "@/api/CooperativeColleges";
+export default {
+  name: "WorkGuideDetailsIndex",
+  components: {
+    BannerBreadcrumb,
+  },
+  data() {
+    return {
+      detainsInfo: {},
+      id: undefined,
+    };
+  },
+  created() {
+    const { id } = this.$route.query;
+    if (id) {
+      this.id = id;
+      this.getDetails();
+    }
+  },
+  methods: {
+    /**
+     * 获取详情
+     * @date 2022-08-25
+     * @returns {any}
+     */
+    getDetails() {
+      getSchoolProfessionalDetails({ id: this.id }).then((res) => {
+        if (res.code === 200) {
+          this.detainsInfo = res?.data;
+        }
+      });
+    },
+    /**
+     * 预览pdf
+     * @date 2022-08-25
+     * @param {any} pdfUrl
+     * @returns {any}
+     */
+    previewPdf(pdfUrl) {
+      if (pdfUrl) {
+        window.open("http://www.gjtool.cn/pdfh5/pdf.html?file=" + pdfUrl);
+      }
+    },
+    /**
+     * 下载附件
+     * @date 2022-08-29
+     * @returns {any}
+     */
+    downloadFile() {
+      if (this.detainsInfo.regulation_file) {
+        window.open(this.detainsInfo.regulation_file);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.details {
+  &-box {
+    margin: 0 auto;
+    &-content {
+      &-title {
+        padding: 10px 0;
+        text-align: center;
+        font-size: 24px;
+        color: #1a1a1a;
+        border-bottom: 1px solid #d5d5d5;
+      }
+      &-subtitle {
+        text-align: center;
+        margin: 20px 0 40px;
+        font-size: 14px;
+        color: #999999;
+        span {
+          cursor: pointer;
+        }
+        .no-reply {
+          color: #ef6622;
+        }
+        .has-reply {
+          color: #3ca7fe;
+        }
+      }
+      &-des {
+        .dbcd-label {
+          font-size: 20px;
+          color: #1a1a1a;
+          margin-bottom: 20px;
+          font-family: SourceHanSansCN;
+        }
+        .dbcd-content {
+          color: #666666;
+          font-size: 14px;
+        }
+        // :deep(.dbcd-content) {
+        //   p {
+        //     img {
+        //       display: block;
+        //       margin: 0 auto;
+        //     }
+        //   }
+        // }
+      }
+      &-pdf {
+        text-align: center;
+        margin: 20px auto 30px;
+        div {
+          display: inline-block;
+          padding: 0 100px;
+          max-width: 700px;
+          cursor: pointer;
+          height: 50px;
+          line-height: 50px;
+          text-align: center;
+          font-size: 14px;
+          color: #008fff;
+          border: dashed 1px #0091ff;
+          border-radius: 5px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          word-break: break-all;
+        }
+      }
+      &-reply {
+        .dbcr-label {
+          font-size: 20px;
+          color: #1a1a1a;
+          margin-bottom: 20px;
+          font-family: SourceHanSansCN;
+        }
+        .dbcr-content {
+          color: #666666;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/CooperativeEnterprise/EnterprisePosition/EnterprisePositionIndex.vue

@@ -1,11 +1,11 @@
 <!--
- * @Description: 
+ * @Description:
  * @Author: gcz
  * @Date: 2022-08-23 15:06:48
- * @LastEditors: gcz
- * @LastEditTime: 2022-08-25 18:00:22
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 11:09:14
  * @FilePath: \veterans_client_web\src\views\CooperativeEnterprise\EnterprisePosition\EnterprisePositionIndex.vue
- * @Copyright: Copyright (c) 2016~2022 by gcz, All Rights Reserved. 
+ * @Copyright: Copyright (c) 2016~2022 by gcz, All Rights Reserved.
 -->
 <template>
   <div class="app-main">
@@ -197,7 +197,7 @@ export default {
         case 9:
           this.$message.warning('您还未进行认证,该功能需要认证后才能使用!')
           break;
-      }   
+      }
     },
     applyJob(){
       this.$confirm("您确认申请该职位吗?", "提示", {
@@ -211,17 +211,13 @@ export default {
           }
         })
       })
-      
+
     }
   },
 };
 </script>
 
 <style lang='scss' scoped>
-// "vue-quill-editor": "^3.0.6"
-// import "quill/dist/quill.core.css";
-// import "quill/dist/quill.snow.css";
-// import "quill/dist/quill.bubble.css";
 .app-main-box-content{
   min-height: calc( 100vh - 73px - 180px - 100px - 40px - 23px );
   position: relative;
@@ -357,4 +353,4 @@ export default {
     }
   }
 }
-</style>
+</style>

src/views/EducationPromote/CourseVideo/CourseVideoIndex.vue

@@ -0,0 +1,409 @@
+<!--
+ * @Description: 课程视频
+ * @Author: 空白格
+ * @Date: 2022-08-29 14:30:20
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 14:37:20
+ * @FilePath: \veterans_client_web\src\views\EducationPromote\CourseVideo\CourseVideoIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div class="course-details">
+    <div class="course-details-breadcrumb">
+      <el-breadcrumb
+        class="course-details-breadcrumb-content"
+        separator-class="el-icon-arrow-right"
+      >
+        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+        <el-breadcrumb-item
+          v-for="(item, index) in breadcrumbList"
+          :key="index"
+          :to="'/' + item.path"
+          >{{ item.label }}</el-breadcrumb-item
+        >
+      </el-breadcrumb>
+    </div>
+    <div class="course-details-video">
+      <div class="course-details-video-box">
+        <course-video
+          ref="courseVideo"
+          :courseDetails="detailsInfo"
+          @changeClasses="changeClasses"
+        />
+      </div>
+    </div>
+    <div class="course-details-comment" v-loading="commentObj.loading">
+      <el-row :gutter="11">
+        <el-col :xs="24" :sm="24" :md="16" :lg="16" :xl="16">
+          <div class="course-details-comment-content">
+            <div class="cdcc-header">
+              <div class="cdcc-header-title">课程评论</div>
+              <div class="cdcc-header-total">
+                共{{ commentObj.total || 0 }}条评论
+              </div>
+            </div>
+            <div class="cdcc-list" v-if="commentObj.list.length">
+              <div
+                class="cdcc-list-item"
+                v-for="(item, index) in commentObj.list"
+                :key="index"
+              >
+                <div class="cdcc-list-item-left">
+                  <el-avatar
+                    shape="square"
+                    :size="77"
+                    :src="item.createByAvatar"
+                  ></el-avatar>
+                </div>
+                <div class="cdcc-list-item-right">
+                  <div class="clir-item">{{ item.createBy }}</div>
+                  <div class="clir-item">
+                    <div>
+                      <el-rate
+                        v-model="item.starLevel"
+                        :disabled="true"
+                        :colors="['#C4C4C4', '#C4C4C4', '#C4C4C4']"
+                      ></el-rate>
+                    </div>
+                    <div class="date">{{ item.createTime }}</div>
+                  </div>
+                  <div class="clir-item">{{ item.content }}</div>
+                </div>
+              </div>
+              <div class="pagination" v-if="commentObj.total">
+                <el-pagination
+                  background
+                  layout="prev, pager, next"
+                  :page-size="commentObj.queryParams.pageSize"
+                  :total="commentObj.total"
+                  @current-change="currentChange"
+                />
+              </div>
+            </div>
+            <div class="empty" v-else>
+              <el-empty description="评论数据为空"></el-empty>
+            </div>
+          </div>
+        </el-col>
+        <el-col :xs="24" :sm="24" :md="8" :lg="8" :xl="8">
+          <div class="course-details-comment-submit">
+            <div class="cdcs-title">我的评论</div>
+            <div class="cdcs-form">
+              <el-form
+                ref="form"
+                :model="commentObj.form"
+                :rules="commentObj.rules"
+              >
+                <el-form-item prop="starLevel">
+                  <el-rate v-model="commentObj.form.starLevel"></el-rate>
+                </el-form-item>
+                <el-form-item prop="content">
+                  <el-input
+                    type="textarea"
+                    :rows="6"
+                    placeholder="请输入您的评价"
+                    v-model="commentObj.form.content"
+                  >
+                  </el-input>
+                </el-form-item>
+                <el-form-item>
+                  <div class="cdcs-form-btn">
+                    <el-button
+                      class="cdcs-form-btn-sub"
+                      @click="submitComment"
+                      :loading="commentObj.subLoading"
+                      >提交</el-button
+                    >
+                  </div>
+                </el-form-item>
+              </el-form>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </div>
+</template>
+
+<script>
+import CourseVideo from "@/components/CourseVideo";
+import { getCommentList, addComment } from "@/api/AdaptiveTraining";
+import { getSkillVideoDetails } from "@/api/SkillTraining";
+export default {
+  name: "CourseVideoIndex",
+  components: {
+    CourseVideo,
+  },
+  data() {
+    return {
+      breadcrumbList: [],
+      classesId: null,
+      detailsInfo: {},
+      currentClasses: {},
+      commentObj: {
+        total: 0,
+        list: [],
+        loading: false,
+        subLoading: false,
+        queryParams: {
+          pageNum: 1,
+          pageSize: 10,
+          tabId: undefined,
+        },
+        form: {
+          tabId: "",
+          starLevel: 0,
+          content: "",
+        },
+        rules: {
+          starLevel: [{ required: true, message: "请评分", trigger: "change" }],
+          content: [
+            { required: true, message: "请输入您的评价", trigger: "blur" },
+          ],
+        },
+      },
+    };
+  },
+  created() {
+    this.handleRouter();
+    const { id } = this.$route.query;
+    if (id) {
+      this.classesId = id;
+      this.commentObj.queryParams.tabId = id;
+      this.commentObj.form.tabId = id;
+      this.getDetails();
+      this.getCommentList();
+    }
+  },
+  methods: {
+    /**
+     * 获取课程详情
+     * @date 2022-08-24
+     * @param {any} id
+     * @returns {any}
+     */
+    getDetails() {
+      getSkillVideoDetails({ id: this.classesId }).then((res) => {
+        if (res.code === 200) {
+          this.detailsInfo = res?.data;
+        }
+      });
+    },
+    /**
+     * 切换章节触发
+     * @date 2022-08-25
+     * @returns {any}
+     */
+    changeClasses() {
+      this.getDetails();
+    },
+    /**
+     * 获取课程评论
+     * @date 2022-08-25
+     * @returns {any}
+     */
+    getCommentList() {
+      this.commentObj.loading = true;
+      getCommentList(this.commentObj.queryParams)
+        .then((res) => {
+          if (res.code === 200) {
+            this.commentObj.list = res?.rows;
+            this.commentObj.total = Number(res?.total);
+          }
+          this.commentObj.loading = false;
+        })
+        .catch(() => {
+          this.commentObj.loading = false;
+        });
+    },
+    /**
+     * 分页切换触发
+     * @date 2022-08-25
+     * @param {any} page
+     * @returns {any}
+     */
+    currentChange(page) {
+      this.commentObj.queryParams.pageNum = page;
+      this.getCommentList();
+    },
+    /**
+     * 提交评论
+     * @date 2022-08-25
+     * @returns {any}
+     */
+    submitComment() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.commentObj.subLoading = true;
+          addComment(this.commentObj.form)
+            .then((res) => {
+              if (res.code === 200) {
+                this.$message.success("评论成功!");
+                this.$refs["form"].resetFields();
+                this.commentObj.queryParams.pageNum = 1;
+                this.getCommentList();
+              } else {
+                this.$message.error(res.msg || "评论失败!");
+              }
+              this.commentObj.subLoading = false;
+            })
+            .catch(() => {
+              this.commentObj.subLoading = false;
+            });
+        }
+      });
+    },
+    /**
+     * 根据路由获取面包屑
+     * @date 2022-08-24
+     * @returns {any}
+     */
+    handleRouter() {
+      let path = this.$router.currentRoute.path.slice(1),
+        routerOptions = this.$router.options.routes[0].children,
+        breadcrumbList = [],
+        pathList;
+      if (path) {
+        pathList = path.split("/").filter((item) => item && item.trim());
+        pathList[pathList.length - 1] = path;
+        pathList.forEach((item) => {
+          routerOptions.forEach((jitem) => {
+            if (item === jitem.path) {
+              breadcrumbList.push({
+                path: jitem.path,
+                label: jitem.meta.title,
+              });
+            }
+          });
+        });
+        this.breadcrumbList = breadcrumbList;
+      }
+    },
+  },
+  beforeDestroy() {
+    this.$refs["courseVideo"].submitVideoDuration();
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.course-details {
+  &-breadcrumb {
+    height: 57px;
+    line-height: 57px;
+    background: #43565f;
+    &-content {
+      width: 70%;
+      height: 57px;
+      line-height: 57px;
+      min-width: 600px;
+      margin: 0 auto;
+      :deep(.el-breadcrumb__inner.is-link) {
+        color: #fff;
+        font-size: 14px;
+      }
+    }
+  }
+  &-video {
+    background: #181c1e;
+    &-box {
+      width: 70%;
+      min-width: 600px;
+      margin: 0 auto;
+    }
+  }
+  &-comment {
+    width: 70%;
+    min-width: 600px;
+    margin: 16px auto 0;
+    &-content {
+      background: #fff;
+      padding: 30px 20px;
+      .cdcc-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: solid 1px #cbcbcb;
+        padding-bottom: 10px;
+        &-title {
+          color: #1a1a1a;
+          font-size: 20px;
+          font-weight: 500;
+        }
+        &-total {
+          color: #8d8d8d;
+          font-size: 14px;
+        }
+      }
+      .cdcc-list {
+        padding: 30px 0 0;
+        &-item {
+          display: flex;
+          margin-bottom: 22px;
+          &-left {
+            margin-right: 14px;
+          }
+          &-right {
+            .clir-item {
+              display: flex;
+              font-size: 14px;
+              margin-bottom: 5px;
+              :deep(.el-rate__icon) {
+                margin-right: 2px;
+              }
+              .date {
+                color: #a5a5a5;
+                margin-left: 30px;
+                font-size: 13px;
+              }
+              &:first-child {
+                color: #3d3d3d;
+                font-size: 16px;
+              }
+              &:last-child {
+                color: #6c6c6c;
+              }
+            }
+          }
+        }
+        .pagination {
+          text-align: center;
+          margin-top: 20px;
+          :deep(.el-pager .active) {
+            background-color: #ff3939;
+          }
+          :deep(.el-pagination.is-background
+              .el-pager
+              li:not(.disabled).active) {
+            background-color: #ff3939;
+          }
+        }
+      }
+      .empty {
+        padding: 30px 0;
+      }
+    }
+    &-submit {
+      background: #fff;
+      padding: 30px 20px;
+      .cdcs-title {
+        font-size: 20px;
+        color: #1a1a1a;
+        margin-bottom: 14px;
+      }
+      .cdcs-form {
+        &-btn {
+          width: 100%;
+          text-align: center;
+          &-sub {
+            width: 80%;
+            background-color: #709078;
+            color: #fff;
+            border-radius: 30px;
+          }
+        }
+      }
+    }
+  }
+}
+</style>

src/views/EducationPromote/EducationPromoteIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-12 13:47:26
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-29 09:41:28
+ * @LastEditTime: 2022-08-29 14:15:17
  * @FilePath: \veterans_client_web\src\views\EducationPromote\EducationPromoteIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -103,7 +103,15 @@
               v-for="(item, index) in activityList"
               :key="index"
             >
-              <div class="epal-item">
+              <div
+                class="epal-item"
+                @click="
+                  jumpPage('/educationpromote/professionalintroduction', {
+                    id: item.id,
+                    schoolName: item.schoolName
+                  })
+                "
+              >
                 <div class="epal-item-image">
                   <el-image :src="item.img" class="image" fit="cover">
                     <div slot="placeholder" class="image-slot">
@@ -338,7 +346,7 @@ export default {
           margin-bottom: 5px;
           &:last-child {
             color: #a2a2a2;
-            font-size: 16px;
+            font-size: 14px;
           }
         }
       }

src/views/EducationPromote/ProfessionalIntroduction/ProfessionalIntroductionIndex.vue

@@ -0,0 +1,315 @@
+<!--
+ * @Description: 专业详情
+ * @Author: 空白格
+ * @Date: 2022-08-29 10:13:44
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 14:38:54
+ * @FilePath: \veterans_client_web\src\views\EducationPromote\ProfessionalIntroduction\ProfessionalIntroductionIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div>
+    <div class="topBox">
+      <div class="_center">
+        <div class="package">
+          <div class="tit-img">
+            <img :src="skillDetail.img" alt />
+          </div>
+          <div class="right-top">
+            <div class="title-right">
+              <!-- <span class="tags">检验</span> -->
+              <span class="tag-title">{{ skillDetail.name }}</span>
+            </div>
+            <div class="introduce">
+              <p>
+                <span style="margin-right: 6px">难度</span>
+                <el-rate v-model="skillDetail.difficult" disabled></el-rate>
+              </p>
+              <p>学习时间：{{ skillDetail.cycle }}个月</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="selected-box">
+      <div class="_center">
+        <div class="selected-center">
+          <div class="selected-title">
+            <h3>精选课程</h3>
+            <span @click="more">更多></span>
+          </div>
+          <div class="swpier-box" v-if="skillDetail.courseList && skillDetail.courseList.length > 0">
+            <swiper :options="swiperOption">
+              <swiper-slide v-for="(img, index) in skillDetail.courseList" :key="index">
+                <div class="news-box" @click="skillClick(img)">
+                  <img :src="img.img" alt />
+                  <div class="video"></div>
+                  <p class="title">{{ img.name }}</p>
+                  <!-- <p class="state">线上课程</p> -->
+                </div>
+              </swiper-slide>
+            </swiper>
+            <div class="swiper-button-prev" slot="button-prev"></div>
+            <div class="swiper-button-next" slot="button-next"></div>
+          </div>
+          <div v-else class="swpier-box">
+            <el-empty description="暂无课程"></el-empty>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="skill-box">
+      <div class="_center">
+        <div class="skill-center">
+          <h2>技能详解</h2>
+          <div v-html="skillDetail.description"></div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDetailBySchool } from '@/api/EducationPromote/index';
+export default {
+  name: 'SkillPackageIndex',
+  data() {
+    return {
+      newsId: this.$route.query.id,
+      schoolName: this.$route.query.schoolName,
+      train: 3,
+      itemList: [
+        {
+          img: require('@/assets/images/selected.png')
+        },
+        {
+          img: require('@/assets/images/selected.png')
+        },
+        {
+          img: require('@/assets/images/selected.png')
+        },
+        {
+          img: require('@/assets/images/selected.png')
+        }
+      ],
+      swiperOption: {
+        slidesPerView: 4,
+        // 设置前进后退按钮
+        navigation: {
+          nextEl: '.swiper-button-next',
+          prevEl: '.swiper-button-prev'
+        },
+        // 设置自动轮播
+        autoplay: {
+          delay: 2000 // 5秒切换一次
+        }
+        // 设置轮播可循环
+        // loop: true
+      },
+      skillDetail: {}
+    };
+  },
+  created() {
+    this.getSkillDetail();
+  },
+  methods: {
+    getSkillDetail() {
+      getDetailBySchool(this.newsId).then((res) => {
+        this.skillDetail = res.data;
+      });
+    },
+    more() {
+      this.$router.push({
+        path: '/educationpromote/courses',
+        query: {
+          id: this.newsId
+        }
+      });
+    },
+    /**
+     * 点击课程
+     * @date 2022-08-29
+     * @param {any} item
+     * @returns {any}
+     */
+    skillClick(item) {
+      this.$router.push({
+        path: '/educationpromote/video',
+        query: {
+          id: item.id
+        }
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.news-box {
+  width: 280px;
+  height: 174px;
+  // overflow: hidden;
+  position: relative;
+  display: inline-block;
+  p {
+    list-style: 30px;
+  }
+  .news-box {
+    font-size: 20px;
+    color: #2e2e2e;
+  }
+  .state {
+    font-size: 14px;
+    color: #818181;
+  }
+}
+.news-box img {
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+}
+.news-box img::after {
+  width: 70px;
+  height: 70px;
+  background-image: url('@/assets/images/shipin.png');
+  background-size: 70px 70px;
+  position: absolute;
+  top: 25%;
+  left: 35%;
+}
+.video {
+  width: 70px;
+  height: 70px;
+  background-image: url('@/assets/images/shipin.png');
+  background-size: 70px 70px;
+  position: absolute;
+  top: 25%;
+  left: 35%;
+}
+.title {
+  color: #2e2e2e;
+  margin-top: 10px;
+  font-size: 14px;
+}
+
+.topBox {
+  background-color: #43565f;
+  width: 100%;
+  padding-bottom: 40px;
+}
+._center {
+  width: 70%;
+  min-width: 70%;
+  margin: 0 auto;
+}
+.package {
+  display: flex;
+  padding-top: 35px;
+  justify-content: left;
+  .tit-img {
+    width: 266px;
+    height: 266px;
+    border: 1px #ccc dashed;
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: fill;
+    }
+  }
+  .right-top {
+    margin-left: 30px;
+    color: #fff;
+    .title-right {
+      margin-bottom: 14px;
+      .tags {
+        width: 64px;
+        height: 28px;
+        font-size: 18px;
+        background-image: linear-gradient(153deg, #f89e42 0%, #ff7833 97%);
+        border-radius: 14px;
+        display: inline-block;
+        text-align: center;
+        line-height: 28px;
+      }
+      .tag-title {
+        font-size: 26px;
+        margin-left: 10px;
+      }
+    }
+    .introduce {
+      display: flex;
+      flex-direction: column;
+      p {
+        line-height: 30px;
+        height: 30px;
+        display: flex;
+        justify-content: left;
+        align-items: center;
+      }
+    }
+    .tag-btn {
+      padding: 10px 0;
+      .tag-state {
+        width: 320px;
+        height: 36px;
+        border: 2px solid #ffffff;
+        border-radius: 39px;
+        text-align: center;
+        line-height: 36px;
+        display: inline-block;
+      }
+    }
+  }
+}
+.selected-box,
+.skill-box {
+  margin-top: 20px;
+}
+.skill-box {
+  padding-bottom: 40px;
+}
+.selected-center,
+.skill-center {
+  background-color: #ffffff;
+  padding: 20px;
+}
+.selected-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  height: 40px;
+  margin-bottom: 20px;
+  h3 {
+    color: #222222;
+    font-size: 26px;
+  }
+  span {
+    color: #a3a3a3;
+    font-size: 14px;
+    cursor: pointer;
+  }
+}
+::v-deep .swiper-container {
+  width: 91%;
+}
+.swpier-box {
+  position: relative;
+  .swiper-button-prev {
+    width: 30px;
+    height: 174px;
+    top: 12%;
+    background: #f3f3f3;
+  }
+  .swiper-button-next {
+    width: 30px;
+    height: 174px;
+    top: 12%;
+    background: #f3f3f3;
+  }
+  .swiper-button-prev:after,
+  .swiper-button-next:after {
+    font-size: 30px;
+    color: #dedede;
+  }
+}
+</style>

src/views/EducationPromote/ProfessionalIntroduction/SelectedCourses/SelectedCoursesIndex.vue

@@ -0,0 +1,278 @@
+<!--
+ * @Description: 学历提升 => 专业详情 => 精选课程
+ * @Author: 空白格
+ * @Date: 2022-08-29 14:26:06
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 14:39:02
+ * @FilePath: \veterans_client_web\src\views\EducationPromote\ProfessionalIntroduction\SelectedCourses\SelectedCoursesIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+
+<template>
+  <div>
+    <banner title="报班通知" :isRouter="true"></banner>
+    <div class="deliverBox">
+      <div class="_container">
+        <div class="box-list">
+          <h1>精选课程</h1>
+          <div
+            style="display: table; width: 100%; padding: 20px"
+            v-if="deliverList.length"
+          >
+            <div
+              class="news-box"
+              v-for="(item, index) in deliverList"
+              :key="index"
+              @click="skillClick(item)"
+            >
+              <img :src="item.img" alt />
+              <div class="video"></div>
+              <p class="title">{{ item.name }}</p>
+              <!-- <p class="state">线上课程</p> -->
+            </div>
+          </div>
+          <el-empty description="课程数据为空" v-else></el-empty>
+          <div class="pagination" v-if="total && deliverList.length">
+            <el-pagination
+              background
+              layout="prev, pager, next"
+              :page-size="queryParams.pageSize"
+              :total="total"
+              @current-change="currentChange"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import banner from "@/components/BannerBreadcrumb/index.vue";
+import { listlDetail } from "@/api/SkillTraining/index";
+export default {
+  name: "DeliverIndex",
+  components: { banner },
+  data() {
+    return {
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        id: this.$route.query.id,
+      },
+      total: 0,
+      loading: false,
+      deliverList: [],
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /**
+     * 分页切换触发
+     * @date 2022-08-16
+     * @param {any} page
+     * @returns {any}
+     */
+    currentChange(page) {
+      this.queryParams.pageNum = page;
+      this.getList();
+    },
+    /**
+     * 获取列表
+     * @date 2022-08-11
+     * @returns {any}
+     */
+    getList() {
+      this.loading = true;
+      listlDetail(this.queryParams).then((res) => {
+        this.deliverList = res.rows;
+        this.total = Number(res.total);
+        this.loading = false;
+      });
+    },
+    /**
+     * 点击视频查看详情
+     * @date 2022-08-29
+     * @param {any} item
+     * @returns {any}
+     */
+    skillClick(item) {
+      this.$router.push({
+        path: "/educationpromote/video",
+        query: {
+          id: item.id,
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+._container {
+  width: 70%;
+  min-width: 600px;
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: 15px;
+  padding-left: 15px;
+  max-width: none !important;
+}
+._container:after,
+._container:before {
+  display: table;
+  content: " ";
+  clear: both;
+}
+.breadcrumb {
+  background-color: #f5f7fa;
+  height: 70px;
+  display: flex;
+  align-items: center;
+}
+.banner-breadcrumb-breadcrumb {
+  .el-breadcrumb {
+    font-size: 18px;
+  }
+  :deep(.el-breadcrumb__inner.is-link) {
+    color: #7e7e7e;
+    font-weight: normal;
+  }
+  :deep(.el-breadcrumb__item:last-child .el-breadcrumb__inner) {
+    color: #ff0000;
+  }
+}
+.box-list {
+  background-color: #fff;
+  padding: 10px 0 80px 0;
+  display: table;
+  width: 100%;
+  h1 {
+    color: #222222;
+    font-size: 26px;
+    margin: 19px 20px;
+  }
+  .deliver:hover {
+    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.11);
+  }
+  .deliver {
+    cursor: pointer;
+    width: 532px;
+    height: 93px;
+    background: #ffffff;
+    border: 1px solid rgba(0, 0, 0, 0.11);
+    transition: 0.5s;
+    border-radius: 3px;
+    margin: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 20px;
+    float: left;
+    .log {
+      width: 60px;
+      height: 60px;
+      background: #ffffff;
+      border: 1px solid #e2e2e2;
+      border-radius: 4px;
+      overflow: hidden;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .center {
+      width: 340px;
+      h3 {
+        color: #1a1a1a;
+        margin-bottom: 10px;
+        font-size: 20px;
+        font-family: "SourceHanSansCN";
+      }
+      p {
+        color: #666666;
+        font-size: 14px;
+        line-height: 20px;
+        .meta_cell {
+          display: inline-block;
+          margin-right: 5px;
+        }
+        .meta_cell:after {
+          padding: 0 1px 0 4px;
+          display: inline-block;
+          color: #919090;
+          content: "|";
+        }
+        .meta_cell:last-child:after {
+          content: "";
+        }
+      }
+    }
+    .right-box {
+      display: flex;
+      flex-direction: column;
+      justify-content: right;
+      span {
+        text-align: right;
+      }
+      .pir {
+        color: #ef651f;
+        font-size: 20px;
+      }
+      .time {
+        color: #999999;
+        font-size: 14px;
+      }
+      .postStatus {
+        line-height: 40px;
+        color: #0f0f0f;
+      }
+    }
+  }
+}
+.pagination {
+  text-align: center;
+  margin-top: 20px;
+  :deep(.el-pager .active) {
+    background-color: #ff3939;
+  }
+  :deep(.el-pagination.is-background .el-pager li:not(.disabled).active) {
+    background-color: #ff3939;
+  }
+}
+.news-box {
+  width: 275px;
+  margin: 0 6px;
+  // height: 162px;
+  // overflow: hidden;
+  position: relative;
+  display: inline-block;
+  p {
+    list-style: 30px;
+  }
+  .news-box {
+    font-size: 20px;
+    color: #2e2e2e;
+  }
+  .state {
+    font-size: 14px;
+    color: #818181;
+  }
+}
+.news-box img {
+  cursor: pointer;
+  width: 100%;
+  height: 162px;
+}
+.news-box img::after {
+  width: 70px;
+  height: 70px;
+  background-image: url("@/assets/images/shipin.png");
+  background-size: 70px 70px;
+  position: absolute;
+  top: 25%;
+  left: 35%;
+}
+</style>

src/views/EducationPromote/RecruitStudents/RecruitStudentsIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-26 17:56:21
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-29 09:55:11
+ * @LastEditTime: 2022-08-29 14:05:10
  * @FilePath: \veterans_client_web\src\views\EducationPromote\RecruitStudents\RecruitStudentsIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -22,7 +22,7 @@
           </p>
         </div>
         <div class="details-box-content-des">
-          <div class="dbcd-content" v-html="detainsInfo.regulation"></div>
+          <div class="dbcd-content ql-editor" v-html="detainsInfo.regulation"></div>
         </div>
       </div>
     </div>

src/views/NewsCenter/NewsDetails/NewsDetailsIndex.vue

@@ -24,7 +24,7 @@
           <span>发布时间:{{newsData.updateTime}}</span>
           <span>文章来源:{{newsData.artAuthor}}</span>
         </div>
-        <div class="art-content" v-html="newsData.artContent"></div>
+        <div class="art-content ql-editor" v-html="newsData.artContent"></div>
       </section>
     </div>
   </div>
@@ -40,7 +40,7 @@ export default{
   },
   data() {
     return {
-      newsData:{},   
+      newsData:{},
     }
   },
   created(){

src/views/NewsCenter/NoticeDetails/NoticeDetailsIndex.vue

@@ -24,7 +24,7 @@
           <span>发布时间:{{newsData.createTime}}</span>
           <span>文章来源:{{newsData.createBy}}</span>
         </div>
-        <div class="art-content">{{newsData.content}}</div>
+        <div class="art-content ql-editor">{{newsData.content}}</div>
       </section>
     </div>
   </div>
@@ -39,7 +39,7 @@ export default{
   },
   data() {
     return {
-      newsData:{},   
+      newsData:{},
     }
   },
   created(){

src/views/SkillTraining/SkillPackage/SelectedCourses/SelectedCoursesIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-26 10:48:52
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-29 09:35:59
+ * @LastEditTime: 2022-08-29 14:19:07
  * @FilePath: \veterans_client_web\src\views\SkillTraining\SkillPackage\SelectedCourses\SelectedCoursesIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -28,7 +28,10 @@
       <div class="_container">
         <div class="box-list">
           <h1>精选课程</h1>
-          <div style="display: table; width: 100%; padding: 20px">
+          <div
+            style="display: table; width: 100%; padding: 20px"
+            v-if="deliverList.length"
+          >
             <div
               class="news-box"
               v-for="(item, index) in deliverList"
@@ -41,7 +44,8 @@
               <!-- <p class="state">线上课程</p> -->
             </div>
           </div>
-          <div class="pagination" v-if="total">
+          <el-empty description="课程数据为空" v-else></el-empty>
+          <div class="pagination" v-if="total && deliverList.length">
             <el-pagination
               background
               layout="prev, pager, next"

src/views/SkillTraining/SkillPackage/SkillPackageIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-26 10:41:50
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-29 09:29:08
+ * @LastEditTime: 2022-08-29 14:44:17
  * @FilePath: \veterans_client_web\src\views\SkillTraining\SkillPackage\SkillPackageIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -74,7 +74,7 @@
       <div class="_center">
         <div class="skill-center">
           <h2>技能详解</h2>
-          <div v-html="skillDetail.description"></div>
+          <div class="ql-editor" v-html="skillDetail.description"></div>
         </div>
       </div>
     </div>
@@ -132,7 +132,7 @@ export default {
     },
     more() {
       this.$router.push({
-        name: "SelectedCoursesIndex",
+        path: "/skilltraining/selectedcourses",
         query: { id: this.newsId },
       });
     },

src/views/SkillTraining/SkillTrainingIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-11 17:53:41
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-26 17:25:03
+ * @LastEditTime: 2022-08-29 14:13:24
  * @FilePath: \veterans_client_web\src\views\SkillTraining\SkillTrainingIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -31,7 +31,10 @@
               <div
                 class="stcp-list-item"
                 @click="
-                  jumpPage('/skilltraining/skillpackage', { id: item.id })
+                  jumpPage('/skilltraining/skillpackage', {
+                    id: item.id,
+                    schoolName: item.schoolName,
+                  })
                 "
               >
                 <div class="stcp-list-item-image">

src/views/WorkGuide/AddWorkGuide/AddWorkGuideIndex.vue

@@ -0,0 +1,218 @@
+<!--
+ * @Description: 提交创业计划
+ * @Author: 空白格
+ * @Date: 2022-08-29 10:55:10
+ * @LastEditors: 空白格
+ * @LastEditTime: 2022-08-29 13:48:43
+ * @FilePath: \veterans_client_web\src\views\WorkGuide\AddWorkGuide\AddWorkGuideIndex.vue
+ * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
+-->
+<template>
+  <div class="app-main work-guide">
+    <BannerBreadcrumb title="创业指引" :isRouter="true" />
+    <div class="app-main-box">
+      <div class="app-main-box-content">
+        <div class="work-guide-title">提交创业计划</div>
+        <div class="work-guide-form">
+          <el-form :model="form" :rules="rules" ref="form" label-position="top">
+            <el-form-item prop="title" label="名称：">
+              <el-input v-model="form.title" placeholder="请输入名称" />
+            </el-form-item>
+            <el-form-item prop="description" label="描述：">
+              <Quill
+                class="quill"
+                :content="form.description"
+                placeholder="请输入描述"
+                @onEditorChange="onEditorChange"
+              />
+            </el-form-item>
+            <el-form-item prop="planBookUrl" label="创业计划书：">
+              <el-upload
+                :action="upload.action"
+                :headers="upload.headers"
+                :on-success="uploadSuccess"
+                :on-error="uploadError"
+                :on-preview="filePreview"
+                :limit="1"
+                :multiple="false"
+                accept=".pdf"
+                class="pdf-box"
+              >
+                <el-button class="pdf-btn">*请上传文件.（仅支持pdf）</el-button>
+              </el-upload>
+              <view-pdf ref="viewPdf" />
+            </el-form-item>
+            <el-form-item align="center">
+              <el-button class="sub-btn" :loading="loading" @click="submitForm"
+                >提交</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BannerBreadcrumb from "@/components/BannerBreadcrumb";
+import ViewPdf from "@/components/ViewPdf";
+import Quill from "@/components/Quill";
+import { addWorkGuide } from "@/api/WorkGuide";
+export default {
+  name: "AddWorkGuideIndex",
+  components: {
+    BannerBreadcrumb,
+    Quill,
+    ViewPdf,
+  },
+  data() {
+    return {
+      form: {
+        title: "",
+        description: "",
+        planBookUrl: "",
+        planBookName: "",
+      },
+      rules: {
+        title: [{ required: true, message: "请输入名称", trigger: "blur" }],
+        description: [
+          {
+            required: true,
+            message: "请输入描述",
+            trigger: ["blur", "change"],
+          },
+        ],
+        planBookUrl: [
+          {
+            required: true,
+            message: "请上传创业计划书",
+            trigger: ["blur", "change"],
+          },
+        ],
+      },
+      upload: {
+        action: process.env.VUE_APP_BASE_API + "/file/upload/single/minio",
+        headers: {
+          Authorization: `Bearer ${this.$store.state.user.token}`,
+        },
+      },
+      loading: false,
+    };
+  },
+  methods: {
+    /**
+     * 富文本编辑器修改触发
+     * @date 2022-08-29
+     * @param {any} content
+     * @returns {any}
+     */
+    onEditorChange(content) {
+      this.form.description = content;
+    },
+    /**
+     * 上传成功
+     * @date 2022-08-29
+     * @param {any} res
+     * @returns {any}
+     */
+    uploadSuccess(res) {
+      if (res.code === 200) {
+        this.form.planBookUrl = res.data.url;
+        this.form.planBookName = res.data.fileName;
+      }
+    },
+    /**
+     * 上传失败
+     * @date 2022-08-29
+     * @param {any} err
+     * @returns {any}
+     */
+    uploadError(err) {
+      this.$message.error(err.msg || "上传失败!");
+    },
+    /**
+     * 预览pdf
+     * @date 2022-08-29
+     * @param {any} file
+     * @returns {any}
+     */
+    filePreview(file) {
+      const { url } = file.response.data;
+      if (url) {
+        this.$refs["viewPdf"].openDialog(url);
+      }
+    },
+    /**
+     * 提交表单
+     * @date 2022-08-29
+     * @returns {any}
+     */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.loading = true;
+          addWorkGuide(this.form)
+            .then((res) => {
+              if (res.code === 200) {
+                this.$message.success("提交成功!");
+                setTimeout(() => {
+                  this.loading = false;
+                  this.$router.push("/workguide");
+                }, 300);
+              } else {
+                this.$message.error("提交失败!");
+                this.loading = false;
+              }
+            })
+            .catch(() => {
+              this.loading = false;
+            });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.work-guide {
+  &-title {
+    text-align: center;
+    border-bottom: 1px solid #d7d7d7;
+    padding-bottom: 20px;
+    font-size: 20px;
+    color: #222222;
+  }
+  &-form {
+    width: 80%;
+    margin: 0 auto;
+    padding: 20px 0;
+    .quill {
+      :deep(.ql-editor) {
+        min-height: 20vh;
+      }
+    }
+    .pdf-box {
+      width: 100%;
+      :deep(.el-upload) {
+        width: 100%;
+      }
+    }
+    .pdf-btn {
+      width: 100%;
+      text-align: center;
+      border: dashed 1px #0091ff;
+      color: #008fff;
+      cursor: pointer;
+      font-size: 14px;
+    }
+    .sub-btn {
+      background: #709078;
+      border-bottom: 1px solid #709078;
+      color: #fff;
+      padding: 12px 100px;
+    }
+  }
+}
+</style>

src/views/WorkGuide/WorkGuideDetails/WorkGuideDetailsIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-25 13:30:07
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-25 17:01:01
+ * @LastEditTime: 2022-08-29 13:55:28
  * @FilePath: \veterans_client_web\src\views\WorkGuide\WorkGuideDetails\WorkGuideDetailsIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -24,7 +24,7 @@
         </div>
         <div class="details-box-content-des">
           <div class="dbcd-label">描述</div>
-          <div class="dbcd-content" v-html="detainsInfo.description"></div>
+          <div class="dbcd-content ql-editor" v-html="detainsInfo.description"></div>
         </div>
         <div class="details-box-content-pdf" v-if="detainsInfo.planBookName">
           <div class="btn" @click="previewPdf(detainsInfo.planBookUrl)">{{ detainsInfo.planBookName }}</div>

src/views/WorkGuide/WorkGuideIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2022-08-12 11:41:14
  * @LastEditors: 空白格
- * @LastEditTime: 2022-08-25 13:34:56
+ * @LastEditTime: 2022-08-29 13:50:14
  * @FilePath: \veterans_client_web\src\views\WorkGuide\WorkGuideIndex.vue
  * @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
 -->
@@ -12,6 +12,15 @@
     <BannerBreadcrumb title="创业指引" />
     <div class="app-main-box">
       <div class="app-main-box-content">
+        <div class="work-guide-add">
+          <el-button
+            class="work-guide-add-btn"
+            type="primary"
+            icon="el-icon-plus"
+            @click="jumpPage('/workguide/add')"
+            >提交创业计划</el-button
+          >
+        </div>
         <div
           class="work-guide-list"
           v-if="guideList.length"
@@ -32,7 +41,7 @@
                 @click="jumpPage('/workguide/details', { id: item.id })"
               >
                 <div class="wgli-title">{{ item.title }}</div>
-                <div class="wgli-description" v-html="item.description"></div>
+                <!-- <div class="wgli-description" v-html="item.description"></div> -->
                 <div class="wgli-footer">
                   <div class="wgli-footer-reply">
                     <template v-if="item.replyStatus === 0">
@@ -132,14 +141,23 @@ export default {
 <style lang="scss" scoped>
 .work-guide {
   padding-bottom: 30px;
+  &-add {
+    margin-bottom: 20px;
+    &-btn {
+      background: #709078;
+      border-radius: 0;
+      border: solid 1px #709078;
+    }
+  }
   &-list {
     &-item {
       box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
       padding: 20px;
       border-radius: 3px;
       margin-bottom: 20px;
+      cursor: pointer;
       .wgli-title {
-        font-size: 26px;
+        font-size: 20px;
         color: #000;
         margin-bottom: 5px;
       }

yarn.lock

@@ -4898,7 +4898,7 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
-object-assign@^4.0.1:
+object-assign@^4.0.1, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -5535,7 +5535,12 @@ quill-delta@^3.6.2:
     extend "^3.0.2"
     fast-diff "1.1.2"
 
-quill@^1.3.7:
+quill-image-extend-module@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/quill-image-extend-module/-/quill-image-extend-module-1.1.2.tgz#b7c303c45282ae87133d643324d5ca39c6d52921"
+  integrity sha512-yHJWZWlTjNZzV34zuT4H55ttDwMxmVJ7JUgKnt/Wd3ejUNcaPOV57/sKG8VEMU5mL7bKZPIKmBdb3weM0M5UeA==
+
+quill@^1.3.4:
   version "1.3.7"
   resolved "https://registry.npmmirror.com/quill/-/quill-1.3.7.tgz#da5b2f3a2c470e932340cdbf3668c9f21f9286e8"
   integrity sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==
@@ -6684,6 +6689,14 @@ vue-pdf@4.3.0:
     vue-resize-sensor "^2.0.0"
     worker-loader "^2.0.0"
 
+vue-quill-editor@^3.0.6:
+  version "3.0.6"
+  resolved "https://registry.npmmirror.com/vue-quill-editor/-/vue-quill-editor-3.0.6.tgz#1f85646211d68a31a80a72cb7f45bb2f119bc8fb"
+  integrity sha512-g20oSZNWg8Hbu41Kinjd55e235qVWPLfg4NvsLW6d+DhgBTFbEuMpcWlUdrD6qT3+Noim6DRu18VLM9lVShXOQ==
+  dependencies:
+    object-assign "^4.1.1"
+    quill "^1.3.4"
+
 vue-resize-sensor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmmirror.com/vue-resize-sensor/-/vue-resize-sensor-2.0.0.tgz#3a587fd6802e1688709cf2c5aadae7a0075952bf"