From e42b48ab71334d17b313b1dae44b9ca45988a576 Mon Sep 17 00:00:00 2001
From: "2192596591@qq.com" <2192596591@qq.com>
Date: Fri, 13 Mar 2026 15:11:54 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=80=E5=8F=91=E5=9B=BE=E5=BD=A2=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/custom-componet/myEditor.vue   | 23 +++++++++++++++++--
 .../components/layout/left-aside/index.vue    |  9 ++++----
 .../components/vue-xq-test/vue-img.vue        |  8 +++----
 3 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/src/views/teacher/teacherStatistics/components/custom-componet/myEditor.vue b/src/views/teacher/teacherStatistics/components/custom-componet/myEditor.vue
index 7aa1374..7507459 100644
--- a/src/views/teacher/teacherStatistics/components/custom-componet/myEditor.vue
+++ b/src/views/teacher/teacherStatistics/components/custom-componet/myEditor.vue
@@ -17,13 +17,19 @@ import type { IExportJson } from '@/views/teacher/teacherStatistics/components/m
 import { useGenThumbnail } from '@/views/teacher/teacherStatistics/components/mt-edit/composables/thumbnail';
 import  MtEdit  from '@/views/teacher/teacherStatistics/components/mt-edit';
 import {getCurrentInstance, onBeforeUnmount} from 'vue';
-import vueSignalGaudy from '@/views/teacher/teacherStatistics/components/vue-xq-test/vue-signal-gaudy.vue';
 import {leftAsideStore} from "@/views/teacher/teacherStatistics/components/mt-edit/store/left-aside";
 
+// xq 组件
+import vueSignalGaudy from '@/views/teacher/teacherStatistics/components/vue-xq-test/vue-signal-gaudy.vue';
+import VueImg from '@/views/teacher/teacherStatistics/components/vue-xq-test/vue-img.vue';
+
 
 const instance = getCurrentInstance();
 instance?.appContext.app.component('vue-my-signal-gaudy', vueSignalGaudy);
-leftAsideStore.registerConfig('vue四遥组件', [
+instance?.appContext.app.component('vue-my-img', VueImg);
+
+
+leftAsideStore.registerConfig('工作组件', [
   {
     id: 'vue-my-signal-gaudy',
     title: 'vue遥信02',
@@ -66,6 +72,19 @@ leftAsideStore.registerConfig('vue四遥组件', [
       }
     }
   },
+    {
+    id: 'vue-my-img',
+    title: '图形组件',
+    type: 'vue',
+    thumbnail: '/svgs/image.svg',
+    props: {
+      moduleId: {
+        type: 'upload',
+        val: '--',
+        title: '绑定'
+      }
+    }
+  },
 ]);
 
 const electrical_modules_files = import.meta.glob('./assets/svgs/electrical/**.svg', {
diff --git a/src/views/teacher/teacherStatistics/components/mt-edit/components/layout/left-aside/index.vue b/src/views/teacher/teacherStatistics/components/mt-edit/components/layout/left-aside/index.vue
index 21f6947..4480fde 100644
--- a/src/views/teacher/teacherStatistics/components/mt-edit/components/layout/left-aside/index.vue
+++ b/src/views/teacher/teacherStatistics/components/mt-edit/components/layout/left-aside/index.vue
@@ -42,8 +42,7 @@
                 :offset="getOffset(index + 1)"
               >
                 <el-image
-                  draggable="false"           
-                  style="width: 60px ; height: 60px;"
+                  style="width: 30px ; height: 30px; filter: brightness(0) invert(1);"
                   :src="item.thumbnail"
                 />
                 <template #content>
@@ -308,6 +307,8 @@ const onDelLocalFile = ({ id }: ILeftAsideConfigItem) => {
 };
 </script>
 <style>
+
+
 /* 折叠面板：透明背景 */
 #mt-left-aside .el-collapse-item__header,
 #mt-left-aside .el-collapse-item__wrap {
@@ -349,8 +350,8 @@ const onDelLocalFile = ({ id }: ILeftAsideConfigItem) => {
 }
 #mt-left-aside .w-40px:hover .el-image {
   transform: scale(1.18);
-  background: rgba(64, 158, 255, 0.18);
-  box-shadow: 0 0 8px rgba(64, 158, 255, 0.4);
+  background: rgba(64, 160, 255, 0.11);
+  /* box-shadow: 0 0 1px rgba(64, 158, 255, 0.4); */
 }
 #mt-left-aside .w-40px:active .el-image {
   transform: scale(0.92);
diff --git a/src/views/teacher/teacherStatistics/components/vue-xq-test/vue-img.vue b/src/views/teacher/teacherStatistics/components/vue-xq-test/vue-img.vue
index 0818d82..55fd348 100644
--- a/src/views/teacher/teacherStatistics/components/vue-xq-test/vue-img.vue
+++ b/src/views/teacher/teacherStatistics/components/vue-xq-test/vue-img.vue
@@ -17,15 +17,13 @@
 
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted, watch } from 'vue';
-import { useImgStore } from '@/components/mt-edit/store/imgStore';
-import emitter from '@/utils/emitter';
+import emitter from '@/views/teacher/teacherStatistics/utils/emitter';
 import { Picture } from '@element-plus/icons-vue';
-import { modelApi, BASE_URL } from '@/utils/request';
-import { formatFilePath, formatTimestamp } from '@/utils/dataFormatter';
+import { modelApi, BASE_URL } from '@/views/teacher/teacherStatistics/utils/request';
+import { formatFilePath } from '@/views/teacher/teacherStatistics/utils/dataFormatter';
 
 // const displayImageUrl = ref<string | null>(null);
 const displayImageUrl = ref<string>();
-const imgStore = useImgStore();
 
 const props = defineProps({
   definitionItemJson: {