'lecturerpageadd'

src/api/indexPeojiectManage.js

@@ -0,0 +1,37 @@
+/*
+ * @Author: lixg lixg@dongwu-inc.com
+ * @Date: 2022-11-18 14:09:43
+ * @LastEditors: lixg lixg@dongwu-inc.com
+ * @LastEditTime: 2023-02-11 18:55:44
+ * @FilePath: /fe-manage/src/api/indexProjStu.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import http from "./config";
+
+//获取项目学员列表
+// export const getProjStu = (obj) => http.post('/admin/project/studentList', obj)
+
+// export const  getTeacherSystemList=(data)=> {
+//     return http({
+//       url: '/admin/teacher/getTeacherSystemList',
+//       method: 'post',
+//       data: data
+//     })
+//   }
+// 获取内部讲师体系列表
+//VUE_APP_BASE_API  /manageApi
+export const getTeacherSystemList = (obj) => http.post('/admin/teacher/getInTeacherSystemList', obj)
+// 获取内部讲师列表
+export const getTeacherList = (obj) => http.post('/admin/teacher/getInTeacherList', obj)
+//.内部讲师发薪地筛选
+export const getTeacherPayRollPriceList = (obj) => http.post('/admin/teacher/getTeacherPayRollPriceList', obj)
+//新增讲师
+export const insertTeacher = () => http.post('/admin/teacher/insertInTeacher' ,obj)
+//修改 讲师
+export const updateInTeacher = () => http.post('/admin/teacher/updateInTeacher' ,obj)
+//内部讲师详情
+export const getLookTeacherSystem= (obj) => http.post('/admin/teacher/getTeacherSystemList'+id ,obj)
+//删除内部讲师
+export const deleteTeacher = (obj) => http.post('/admin/teacher/deleteInTeacher' ,obj)//
+//修改讲师状态
+export const updateTeacherState = (obj) => http.post('/admin/teacher/updateTeacherState' ,obj)

src/components/project/Editor.vue

@@ -0,0 +1,79 @@
+<!--
+ * @Author: wangzhiyu <w19165802736@163.com>
+ * @version: 1.0.0
+ * @Date: 2024-04-7 11:04:25
+ * @LastEditTime: 2024-04-08 21:44:20
+ * @Descripttion: 富文本编辑器组件
+-->
+<template> 
+    <div style="border: 1px solid #ccc; width: 100%; ">
+      <Toolbar style="border-bottom: 1px solid #ccc" :editor="editorRef" :defaultConfig="toolbarConfig" mode="default" />
+      <Editor style="height: 100px; overflow-y: hidden" v-model="valueHtml" :defaultConfig="editorConfig" mode="default" @onCreated="handleCreated" @customPaste="customPaste" />
+    </div>
+    <!-- <el-button style="margin: 0 auto" @click="getEditorHTML">获取富文本HTML内容</el-button> -->
+  </template>
+  <script setup>
+  // 富文本编辑器文档链接: https://www.wangeditor.com/v5/getting-started.html
+  // 引入富文本编辑器CSS
+  import '@wangeditor/editor/dist/css/style.css';
+  import { onBeforeUnmount, ref, shallowRef } from 'vue';
+  // 导入富文本编辑器的组件
+  import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+  
+  // 编辑器实例，必须用 shallowRef
+  const editorRef = shallowRef();
+  
+  // 内容 HTML
+  const valueHtml = ref('');
+  const toolbarConfig = {};
+  const editorConfig = ref({ placeholder: '请输入内容...', MENU_CONF: {} });
+  
+  // 自定义图片上传
+  editorConfig.value.MENU_CONF['uploadImage'] = {
+    async customUpload(file, insertFn) {
+      console.log('上传图片', file);
+      // 将上传的file图片转换为base64
+      const base64 = URL.createObjectURL(file);
+  
+      // 这里的file为上传的图片对象,insertFn传入
+      insertFn(base64, 'img');
+    },
+  };
+  
+  // 自定义视频上传
+  editorConfig.value.MENU_CONF['uploadVideo'] = {
+    async customUpload(file, insertFn) {
+      console.log('上传视频', file);
+    },
+  };
+  
+  // 富文本编辑器生成后触发
+  const handleCreated = editor => {
+    editorRef.value = editor; // 记录 editor 实例，重要！
+    console.log(editorConfig.value.MENU_CONF, 'editorConfig.value');
+  };
+  
+  // 监听富文本编辑器粘贴行为
+  const customPaste = (editor, event, callback) => {
+    // 获取粘贴的纯文本
+    const text = event.clipboardData.getData('text/plain');
+    if (text) {
+      editor.insertText(text);
+      event.preventDefault();
+      callback(false);
+    }
+  };
+  
+  // // 获取富文本html内容
+  // const getEditorHTML = () => {
+  //   console.log(editorRef.value.getHtml());
+  // };
+  
+  // 组件销毁时，也及时销毁编辑器
+  onBeforeUnmount(() => {
+    const editor = editorRef.value;
+    if (editor == null) return;
+    editor.destroy();
+  });
+  </script>
+