package.json

@@ -78,6 +78,7 @@
     "mitt": "^3.0.1",
     "nanoid": "^5.0.7",
     "number-precision": "^1.6.0",
+    "vue-cropper": "1.0.3",
     "pptxgenjs": "^3.12.0",
     "pptxtojson": "^1.0.3",
     "prosemirror-commands": "^1.6.0",

src/renderer/src/views/classTask/newClassTaskAssign/questionUpload/index.vue

@@ -53,6 +53,8 @@
 </template>
 <script setup>
 import { onMounted, ref,watch, reactive, getCurrentInstance,nextTick } from 'vue'
+import "vue-cropper/dist/index.css";
+import { VueCropper } from "vue-cropper";
 import { ElMessage } from 'element-plus'
 import { cloneDeep } from 'lodash'
 
@@ -80,8 +82,32 @@ const courseObj = reactive({
   //
 })
 const activeAptTab =  ref("自主搜题");
-const taskList = ref([]); // 作业列表
-const tasklist_loading = ref(false); // 加载中
+// const taskList = ref([]); // 作业列表
+// const tasklist_loading = ref(false); // 加载中
+
+// [裁剪]参数
+const cropOption =  reactive({
+  img: '', // 裁剪图片的地址 url 地址, base64, blob
+  outputSize: 1, // 裁剪生成图片的质量
+  outputType: 'jpeg', // 裁剪生成图片的格式 jpeg, png, webp
+  info: true, // 裁剪框的大小信息
+  canScale: true, // 图片是否允许滚轮缩放
+  autoCrop: true, // 是否默认生成截图框
+  autoCropWidth: 1000, // 默认生成截图框宽度
+  autoCropHeight: 600, // 默认生成截图框高度
+  fixedNumber: [1, 1], // 截图框的宽高比例 [ 宽度 , 高度 ]
+  fixedBox: false, // 固定截图框大小 不允许改变
+  fixed: false, // 是否开启截图框宽高固定比例，这个如果设置为true，截图框会是固定比例缩放的，如果设置为false，则截图框的狂宽高比例就不固定了
+  canMove: true, // 上传图片是否可以移动
+  canMoveBox: true, // 截图框能否拖动
+  original: false, // 上传图片按照原始比例渲染
+  centerBox: true, // 截图框是否被限制在图片里面
+  infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
+  maxImgSize: 3000,    //限制图片最大宽度和高度
+  full: true, // 是否输出原图比例的截图
+  enlarge: '1', // 图片根据截图框输出比例倍数
+  mode: 'contain', // 图片默认渲染方式 contain , cover, 100px, 100% auto
+})
 
 
 onMounted(() => {
@@ -101,14 +127,14 @@ onMounted(() => {
  * 获取 entpcourseid 获取作业列表
  */
 const initHomeWork = async()=> {
-  tasklist_loading.value = true; 
-  // const { res, chapterId } = await useGetHomework(courseObj.node);
-  const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
-  console.log('entpcourseid', chapterId);
-  console.log('res', res);
-  // entpcourseid.value = chapterId;
-  taskList.value = res;
-  tasklist_loading.value = false;
+  // tasklist_loading.value = true; 
+  // // const { res, chapterId } = await useGetHomework(courseObj.node);
+  // const { res, chapterId } = await useGetHomework(sessionStore.get('subject.curNode'));
+  // console.log('entpcourseid', chapterId);
+  // console.log('res', res);
+  // // entpcourseid.value = chapterId;
+  // taskList.value = res;
+  // tasklist_loading.value = false;
 }