From 9a6f37528c119f25285e2846a8910b1e626b44c6 Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Tue, 6 Aug 2024 15:02:40 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E7=99=BB=E5=BD=95=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/select-subject/index.vue   | 26 ++++++++++++++++---
 src/renderer/src/views/login/index.vue        |  5 ++--
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/select-subject/index.vue b/src/renderer/src/components/select-subject/index.vue
index 9071092..bec856c 100644
--- a/src/renderer/src/components/select-subject/index.vue
+++ b/src/renderer/src/components/select-subject/index.vue
@@ -23,7 +23,7 @@
     </div>
     <template #footer>
       <div class="dialog-footer">
-        <el-button type="primary" @click="editUserInfo">
+        <el-button type="primary" @click="editUserInfo" :loading="subjectLoading">
           确定
         </el-button>
       </div>
@@ -33,7 +33,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, watch } from 'vue'
+import { ref, watch } from 'vue'
 import { listEvaluation } from '@/api/subject'
 import { updateUserInfo } from '@/api/system/user'
 import useUserStore from '@/store/modules/user'
@@ -42,12 +42,20 @@ const userStore = useUserStore()
 const { userId, userName } = userStore.user
 
 const props = defineProps({
+  loginData: {
+    type: Object,
+    default(){
+      return {}
+    }
+  },
   modelValue: {
     type: Boolean,
     default: false
   },
 })
 
+const subjectLoading = ref(false)
+
 // 定义要发送的emit事件
 const emit = defineEmits(['update:modelValue', 'onSuccess'])
 
@@ -111,8 +119,18 @@ const editUserInfo = async () =>{
     edustage: gradeVal.value,
     edusubject:  subjectVal.value
   }
-  await updateUserInfo(data)
-  await userStore.getInfo()
+
+  // 修改之后需要重新登录 查询用户信息，否则不登录 查询的用户信息是未修改之前的
+  // 接口如此，我也不知道为啥要这样
+  subjectLoading.value = true
+  try {
+    //修改用户信息
+    await updateUserInfo(data)
+    await userStore.login(props.loginData)
+    await userStore.getInfo()
+  } finally {
+    subjectLoading.value = false
+  }
   emit('onSuccess')
 }
 
diff --git a/src/renderer/src/views/login/index.vue b/src/renderer/src/views/login/index.vue
index 8b8df3d..5d98726 100644
--- a/src/renderer/src/views/login/index.vue
+++ b/src/renderer/src/views/login/index.vue
@@ -24,7 +24,7 @@
     </div>
   </div>
   <!--选择学科-->
-  <SelectSubject v-model="isSubject" @onSuccess="successEditSubject" />
+  <SelectSubject v-model="isSubject" :loginData="loginForm" @onSuccess="successEditSubject"/>
 </template>
 <script setup>
 import { onMounted, reactive, ref } from 'vue'
@@ -35,7 +35,7 @@ import leftBg2 from '@/assets/images/login/left-bg2.png'
 import WindowTools from '@/components/window-tools/index.vue'
 import SelectSubject from '@/components/select-subject/index.vue'
 
-const { BrowserWindow, session } = require('@electron/remote')
+const { session } = require('@electron/remote')
 
 const { ipcRenderer } = window.electron || {}
 const formRef = ref()
@@ -48,6 +48,7 @@ const loginForm = reactive({
   password: '',
   rememberMe: false
 })
+
 //表单规则
 const rules = reactive({
   username: [{ required: true, trigger: 'blur', message: '请输入您的账号' }],

From df7658a17d12579b15345113277a0ce48ee6cde2 Mon Sep 17 00:00:00 2001
From: lyc <ly_cheng2023@163.com>
Date: Wed, 7 Aug 2024 10:31:08 +0800
Subject: [PATCH 2/4] =?UTF-8?q?login=20=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/components/select-subject/index.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/components/select-subject/index.vue b/src/renderer/src/components/select-subject/index.vue
index bec856c..52f306a 100644
--- a/src/renderer/src/components/select-subject/index.vue
+++ b/src/renderer/src/components/select-subject/index.vue
@@ -166,5 +166,7 @@ watch(() => props.modelValue, (newVal) => {
   -webkit-app-region: no-drag;
 }
 
-
+.el-select-dropdown__item{
+  -webkit-app-region: no-drag;
+}
 </style>
\ No newline at end of file

From 7dfa51f5dc0724d94039346db9950571d1b2890c Mon Sep 17 00:00:00 2001
From: zdg <zdg@163.com>
Date: Wed, 7 Aug 2024 10:34:34 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/plugins/shareStore.js        |   9 +-
 src/renderer/src/utils/tool.js                |  24 +--
 .../src/views/tool/components/side.vue        | 137 ++++++++++++++++++
 .../src/views/tool/directive/ignore.js        |  39 +++++
 src/renderer/src/views/tool/sphere.vue        |  33 ++---
 5 files changed, 211 insertions(+), 31 deletions(-)
 create mode 100644 src/renderer/src/views/tool/components/side.vue
 create mode 100644 src/renderer/src/views/tool/directive/ignore.js

diff --git a/src/renderer/src/plugins/shareStore.js b/src/renderer/src/plugins/shareStore.js
index 746332e..dab8505 100644
--- a/src/renderer/src/plugins/shareStore.js
+++ b/src/renderer/src/plugins/shareStore.js
@@ -1,7 +1,8 @@
 /**
  * 共享数据状态-多窗口
  */
-const { ipcRenderer } = require('electron') // app使用
+// const { ipcRenderer } = require('electron') // app使用
+const { ipcRenderer } = window.electron || {}
 export function shareStorePlugin({store}) {
   store.$subscribe(() => { // 自动同步
     // 在存储变化的时候执行
@@ -20,14 +21,14 @@ function stateSync(store) {
   const storeName = store.$id
   const jsonStr = JSON.stringify(store.$state)
   // 通知主线程更新
-  ipcRenderer.invoke('pinia-state-change', storeName, jsonStr)
+  ipcRenderer?.invoke('pinia-state-change', storeName, jsonStr)
 }
 // 同步数据-接收主线程消息
 function stateChange(store) {
   const storeName = store.$id
-  ipcRenderer.on('pinia-state-set', (e, sName, jsonStr) => {
+  ipcRenderer?.on('pinia-state-set', (e, sName, jsonStr) => {
     if (sName == storeName) { // 更新对应数据
-      console.log('state-set', jsonStr, sName)
+      // console.log('state-set', jsonStr, sName)
       const curJson = JSON.stringify(store.$state) // 当前数据
       const isUp = curJson != jsonStr // 不同的时候才写入，不然会导致触发数据变化监听，导致死循环
       if (!isUp) return
diff --git a/src/renderer/src/utils/tool.js b/src/renderer/src/utils/tool.js
index b51a6bb..62102e5 100644
--- a/src/renderer/src/utils/tool.js
+++ b/src/renderer/src/utils/tool.js
@@ -39,15 +39,19 @@ export const getStaticUrl = (url = '', type = 'app', exitPath = '', isFile = fal
  *  url:路由地址,width:窗口宽度,height:窗口高度,option:自定义选项
  * @returns
  */
-export function ipcMsgSend(key, data) {
-  return new Promise((resolve) => {
-    // 返回结果-监听
-    ipcRenderer.once(`${key}-reply`, (e, res) => {
-      resolve(res)
+export function ipcMsgSend(key, data, type) {
+  if (type == 'old') {
+    return new Promise((resolve) => {
+      // 返回结果-监听
+      ipcRenderer.once(`${key}-reply`, (e, res) => {
+        resolve(res)
+      })
+      // 发送消息
+      ipcRenderer.send(key, data)
     })
-    // 发送消息
-    ipcRenderer.send(key, data)
-  })
+  } else { // 新版本-默认
+    return ipcRenderer.invoke(key, data)
+  }
 }
 /**
  * 创建-窗口 调用该方法
@@ -173,13 +177,13 @@ const eventHandles = (type, win) => {
     case 'tool-sphere': { // 创建-悬浮球
       // 监听设置穿透
       const setIgnore = (_, ignore) => {win.setIgnoreMouseEvents(ignore, {forward: true})}
-      Remote.ipcMain.on('tool-sphere:set:ignore', setIgnore)
+      Remote.ipcMain.handle('tool-sphere:set:ignore', setIgnore) // 异步
       // 关闭窗口
       Remote.ipcMain.once('tool-sphere:close', () => { win&&win.destroy() })
       // 放大监听-测试
       Remote.ipcMain.once('maximize-window', () => {win&&win.destroy()})
       const on = {
-        onClosed: () => {Remote.ipcMain.off('tool-sphere:set:ignore', setIgnore)}
+        onClosed: () => {Remote.ipcMain.removeHandler('tool-sphere:set:ignore', setIgnore)}
       }
       publicMethods(on) // 加载公共方法
       break}
diff --git a/src/renderer/src/views/tool/components/side.vue b/src/renderer/src/views/tool/components/side.vue
new file mode 100644
index 0000000..63b766e
--- /dev/null
+++ b/src/renderer/src/views/tool/components/side.vue
@@ -0,0 +1,137 @@
+<template>
+  <div class="warp" ref="btnRef">
+    <slot name="start"></slot>
+    <!-- 工具按钮 -->
+    <el-space direction="vertical">
+      <template v-for="(item,index) in list">
+        <slot :name="item.prop" :item="item" :index="index">
+          <div class="c-btn flex flex-col items-center gap-2 p-2" @click.stop="clickHandel(item,$event)">
+            <i class="iconfont" :class="item.icon" :style="item.style" />
+            <span>{{item.label||item.text||item.name}}</span>
+          </div>
+        </slot>
+      </template>
+      <slot name="append"></slot>
+    </el-space>
+    <slot name="end"></slot>
+    <!-- 内容部分 -->
+    <transition name="el-fade-in">
+      <div class="c-popover" :style="`--top: ${topPos}px;--height:${hPost}px;`" v-show="isVisible">
+        <div class="content">{{activeObj}}</div>
+      </div>
+    </transition>
+  </div>
+</template>
+<script setup>
+import { computed, defineProps, ref, reactive, watchEffect, onMounted } from 'vue'
+// 功能说明：侧边-工具栏
+const colors = ['#00f389', '#ff7f00', '#ffff00', '#409EFF', '#00baff', '#13b189', '#F56C6C']
+const emit = defineEmits(['update:modelValue','change'])
+const props = defineProps({
+  modelValue: { // 是否显示
+    type: Boolean,
+    default: true
+  },
+  data: { // 数据
+    type: Array,
+    default: () => [
+      { label: '资源', prop: 'resource', icon: 'icon-hudong' },
+      { label: '互动', prop: 'interact', icon: 'icon-hudong' },
+      { label: '窗口', prop: 'win', icon: 'icon-hudong' },
+      { label: '下课', prop: 'over', icon: 'icon-hudong' },
+    ]
+  }
+})
+const isVisible = ref(false)  // 是否显示内容
+const activeObj = ref(null)   // 当前激活的按钮
+const btnRef = ref(null)      // 按钮元素-ref
+const topPos = ref(30)        // 顶部距离-内容的距离
+const hPost = ref(0)         // 顶部距离-内容的距离
+let posBtnAll = {}  // 存储位置
+// === 计算属性 ===
+const list = computed(() => props.data.map((o,i) => {
+  o.style = getStyle(o.style, i)
+  return o
+}))
+onMounted(() => {
+  posBtnAll = btnRef.value.getBoundingClientRect()
+  hPost.value = posBtnAll.height
+})
+// === 方法 ===
+// 获取颜色索引
+const getIndex = i => i % colors.length
+// 获取样式
+const getStyle = (style,index) => {
+  const color = colors[getIndex(index)]
+  if (!style) return {color}
+  else {
+    if (typeof style === 'object') return {...style, color}
+    return `${style}${style.endsWith(';')?'':';'}color:${color};`
+  }
+}
+// 事件
+const clickHandel = (o, e) => {
+  const node = e.target.parentNode.getBoundingClientRect()
+  const isColse = activeObj.value && activeObj.value.prop === o.prop && isVisible.value
+  isVisible.value = !isColse // 相同的按钮且打开状态，点击关闭
+  activeObj.value = o
+  const nodeH = parseInt(node.height / 2) // 高度的一半
+  topPos.value = parseInt(node.top) - posBtnAll.top + nodeH
+  emit('change', o)
+}
+</script>
+<style lang="scss" scoped>
+.warp{
+  border: 1px solid;
+  position: fixed;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 10px;
+  min-height: 40vh;
+  min-width: 4em;
+  border-radius: 4em;
+  background-color: #121212;
+  .el-space{margin: 20px 0;}
+  .c-btn{
+    color: #d9dce3;
+    cursor: pointer;
+    .iconfont{
+      font-size: 20px;
+      color: attr(color);
+    }
+    span{font-size: 12px;}
+    &:hover{
+      border-radius: 4px;
+      background: #454545fa;
+    }
+  }
+}
+.c-popover{
+  --top: 30px;
+  --height: 40vh;
+  position: fixed;
+  inset: 50% 75px auto auto;
+  transform: translateY(-50%);
+  background-color: #121212;
+  padding: 10px;
+  border-radius: 4px;
+  min-height: var(--height);
+  width: 30em;
+  text-align: left;
+
+  &:before{
+    content: "";
+    width: 10px;
+    height: 10px;
+    background-color: #121212;
+    position: absolute;
+    right: -5px;
+    top: var(--top);
+    transform: rotate(45deg);
+  }
+}
+.content{
+  color: red;
+
+}
+</style>
\ No newline at end of file
diff --git a/src/renderer/src/views/tool/directive/ignore.js b/src/renderer/src/views/tool/directive/ignore.js
new file mode 100644
index 0000000..449a658
--- /dev/null
+++ b/src/renderer/src/views/tool/directive/ignore.js
@@ -0,0 +1,39 @@
+/**
+ * 处理元素是否穿透-窗口
+ */
+import { ipcMsgSend } from '@/utils/tool'
+class Ignore {
+  el            // 绑定元素
+  binding        // 绑定对象(参数)
+  value          // 绑定值
+  isAuto         // 是否自动控制
+  constructor(el, binding) {
+    this.el = el
+    this.binding = binding
+    this.value = binding.value
+    this.isAuto = !(this.value && this.value instanceof Boolean)
+  }
+  // 设置是否穿透
+  send(bool) {
+    ipcMsgSend('tool-sphere:set:ignore', bool)
+  }
+  // 监听元素移入移出，自动设置
+  mounted() {
+    this.el.addEventListener('mouseenter', () => { // 进入
+      this.send(false) // 元素不穿透，鼠标有效
+    })
+    this.el.addEventListener('mouseleave', () => { // 离开
+      this.send(true) // 元素穿透，鼠标无效
+    })
+  }
+}
+export default {
+  mounted(el, binding) {
+    const ignore = new Ignore(el, binding)
+    if (ignore.isAuto) { // 自动控制
+      ignore.mounted()
+    } else { // 手动设置
+      ignore.send(ignore.value)
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/src/views/tool/sphere.vue b/src/renderer/src/views/tool/sphere.vue
index 546067c..c6b9b9f 100644
--- a/src/renderer/src/views/tool/sphere.vue
+++ b/src/renderer/src/views/tool/sphere.vue
@@ -1,9 +1,11 @@
 <template>
   <div class="warp-all">
+    <!-- 画板 -->
     <board-vue v-model="tabActive" v-show="isShow"></board-vue>
+    <!-- 侧边工具栏 -->
+    <side-vue v-ignore></side-vue>
     <!-- 底部工具栏  :style="dataPos.style"-->
-    <div class="tool-bottom-all"
-      @mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
+    <div class="tool-bottom-all" @mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
       <div v-drag="{handle:'.tool-bottom-all', dragtime}"
         @v-drag-start="dragtime = Date.now()">
         <div class="c-logo" @click="logoHandle" title="拖动 | 折叠 | 展开">
@@ -15,7 +17,7 @@
           @change="tabChange">
           <template #default="{item}">
             <div class="c-btn flex flex-col items-center gap-2 p-2">
-              <i class="iconfont" :class="item.icon" :style="item.style"></i>
+              <i class="iconfont" :class="item.icon" :style="item.style" />
               <span>{{item.label}}</span>
             </div>
           </template>
@@ -29,18 +31,21 @@
 // 功能说明：electron 悬浮球
 import { onMounted, ref, reactive, watchEffect } from 'vue'
 import logo from '@root/resources/icon.png' // logo
-import boardVue from './components/board.vue'  // 画板
+import boardVue from './components/board.vue'  // 画板-子组件
+import sideVue from './components/side.vue'  // 画板-子组件
 import vDrag from './directive/drag' // 自定义指令-拖拽
+import vIgnore from './directive/ignore' // 自定义指令-穿透
 import { useToolState } from '@/store/modules/tool'
-const { ipcRenderer } = require('electron') // app使用
-// const ipcRenderer = { send: () => {} } // 网页测试使用
+import { ipcMsgSend } from '@/utils/tool' // 相关工具
+// const { ipcRenderer } = require('electron') // app使用
+const { ipcRenderer } = window.electron || {}
 
 const tabActive = ref('select') // 工具栏当前选中项
 const isFold = ref(false)       // 折叠工具栏
 const isDrag = ref(false)       // 开始拖拽
 const dragtime = ref(0)         // 拖拽时间-计算点击还是拖动
-const isShow = ref(false)
-const toolStore = useToolState()
+const isShow = ref(true)        // 是否显示-画板
+const toolStore = useToolState()  // 状态管理
 const btnList = [ // 工具栏按钮列表
   { label: '选择', value: 'select', icon: 'icon-mouse' },
   { label: '画笔', value: 'brush', icon: 'icon-huabi' },
@@ -51,16 +56,11 @@ const btnList = [ // 工具栏按钮列表
   // { label: '更多', value: 'more', icon: 'icon-xiazai9' },
 ]
 onMounted(() => {
-  // isShow.value = toolStore.showBoardAll // 是否显示-画板
-  // console.log('xxx: ', toolStore.model)
-  // setTimeout(() => {
-  //   toolStore.windowState.test = '测试成功'
-  // }, 2000);
+
 })
 // ==== 方法 ===
 const tabChange = (val) => { // 切换tab-change
   // console.log('xxxx:', val)
-  toolStore.showBoardAll = true
   switch (val) {
     case 'brush': // 画笔
       break
@@ -73,7 +73,7 @@ const tabChange = (val) => { // 切换tab-change
     case 'more':
       break
     case 'close':
-      ipcRenderer.send('tool-sphere:close')
+      ipcRenderer?.send('tool-sphere:close')
       break
     default:
       break
@@ -85,11 +85,10 @@ const logoHandle = (e,t) => { // logo 点击-事件 折叠|展开
     isFold.value = !isFold.value
   }
 }
-
 const mouseChange = (bool) => { // 鼠标移入工具栏 是否穿透
   let resBool = false
   if (tabActive.value == 'select') resBool = !!bool
-  ipcRenderer.send('tool-sphere:set:ignore', resBool)
+  ipcRenderer?.send('tool-sphere:set:ignore', resBool)
 }
 watchEffect(() => { // 监听
   isShow.value = toolStore.showBoardAll // 是否显示-画板

From 4e2512ed777488d583f33a470b747d056d35b5d2 Mon Sep 17 00:00:00 2001
From: zdg <zdg@163.com>
Date: Wed, 7 Aug 2024 15:14:34 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/pdf/index copy.vue         |  3 --
 src/renderer/src/components/pdf/index.vue     | 20 +++++----
 src/renderer/src/plugins/shareStore.js        |  5 ++-
 src/renderer/src/utils/tool.js                | 22 ++++++++-
 src/renderer/src/views/classBegins/index.vue  |  2 +-
 src/renderer/src/views/classManage/aside.vue  |  2 +-
 .../src/views/tool/components/board.vue       |  4 +-
 src/renderer/src/views/tool/sphere.vue        | 45 ++++++++-----------
 8 files changed, 58 insertions(+), 45 deletions(-)

diff --git a/src/renderer/src/components/pdf/index copy.vue b/src/renderer/src/components/pdf/index copy.vue
index ed14d19..48d93e3 100644
--- a/src/renderer/src/components/pdf/index copy.vue	
+++ b/src/renderer/src/components/pdf/index copy.vue	
@@ -13,10 +13,7 @@ import {
   onMounted,
   watch,
   reactive,
-  defineProps,
-  defineExpose,
   nextTick,
-  defineEmits
 } from 'vue'
 import { fabric } from 'fabric'
 import { ElMessage } from 'element-plus'
diff --git a/src/renderer/src/components/pdf/index.vue b/src/renderer/src/components/pdf/index.vue
index 056474c..652d57d 100644
--- a/src/renderer/src/components/pdf/index.vue
+++ b/src/renderer/src/components/pdf/index.vue
@@ -26,7 +26,7 @@ import {
   defineProps,
   defineExpose,
   nextTick,
-  defineEmits,watchEffect
+  watchEffect
 } from 'vue'
 // import { fabric } from 'fabric'
 import { ElMessage } from 'element-plus'
@@ -272,8 +272,12 @@ onMounted(async () => {
   // 监听2个canvas事件
   // handleevent(fabriccanvas.value, imgarr)
   // handleevent(fabriccanvas1.value, imgarr, 'two')
+  setToolStatus() // 加载完后-(设置-底部工具栏-状态)
 })
-
+// zdg: 设置-底部工具栏-状态
+const setToolStatus = () => {
+  toolState.showBoardAll = false
+}
 
 defineExpose({
   initPdf,
@@ -282,12 +286,12 @@ defineExpose({
 watchEffect(() => {
   
   console.log(toolState.showBoardAll,'监听')
-  if( toolState.showBoardAll){
-    console.log('xczxcxzsdf')
-    setTimeout(() => {
-      toolState.showBoardAll=false
-    }, 200);
-  }
+  // if( toolState.showBoardAll){
+  //   setTimeout(() => {
+  //     console.log('pdf 关闭:')
+  //     toolState.showBoardAll=false
+  //   }, 200);
+  // }
   // if(toolState.model=='select'){
   //   toolState.showBoardAll=false
   // }
diff --git a/src/renderer/src/plugins/shareStore.js b/src/renderer/src/plugins/shareStore.js
index dab8505..1a43c74 100644
--- a/src/renderer/src/plugins/shareStore.js
+++ b/src/renderer/src/plugins/shareStore.js
@@ -1,8 +1,8 @@
 /**
  * 共享数据状态-多窗口
  */
-// const { ipcRenderer } = require('electron') // app使用
-const { ipcRenderer } = window.electron || {}
+const isNode = typeof require !== 'undefined' // 是否支持node函数
+const { ipcRenderer } = isNode?require('electron'):{} // app使用
 export function shareStorePlugin({store}) {
   store.$subscribe(() => { // 自动同步
     // 在存储变化的时候执行
@@ -20,6 +20,7 @@ export function shareStorePlugin({store}) {
 function stateSync(store) {
   const storeName = store.$id
   const jsonStr = JSON.stringify(store.$state)
+  // console.log('state-change', jsonStr, storeName)
   // 通知主线程更新
   ipcRenderer?.invoke('pinia-state-change', storeName, jsonStr)
 }
diff --git a/src/renderer/src/utils/tool.js b/src/renderer/src/utils/tool.js
index 6802ad6..ca7b212 100644
--- a/src/renderer/src/utils/tool.js
+++ b/src/renderer/src/utils/tool.js
@@ -15,6 +15,8 @@ const { ipcRenderer } = isNode?require('electron'):window.electron || {}
 const BaseUrl = isNode?process.env['ELECTRON_RENDERER_URL']+'/#':''
 const isDev = isNode?process.env.NODE_ENV !== 'production':''
 
+// 暴露Remote中的属性
+export const ipcMain = Remote?.ipcMain || {}
 /**
  * 获取静态资源，开发和生产环境
  * @param {*} url 
@@ -56,6 +58,17 @@ export function ipcMsgSend(key, data, type) {
     return ipcRenderer?.invoke(key, data)
   }
 }
+/**
+ * @description 封装ipcRenderer事件监听
+ * @param {*} fn on once handle invoke
+ * @param {*} key 
+ * @param  {Function} cb 回调函数
+ * @returns 
+ */
+export function ipcHandle(fn,key, cb) {
+  return ipcRenderer[fn](key, cb)
+  // return ipcRenderer?.[fn]?.(key, cb)
+}
 /**
  * 创建-窗口 调用该方法
  * @param {*} type 类型
@@ -96,6 +109,7 @@ export const createWindow = async (type, data) => {
         resizable: true,   // 禁止窗口大小缩放
         alwaysOnTop: false,  // 窗口是否总是显示在其他窗口之前
       }
+      data.isConsole = true // 是否开启控制台
       data.option = {...defOption, ...option}
       const win = await toolWindow(data)
       win.type = type  // 唯一标识
@@ -152,7 +166,7 @@ export function toolWindow({url, isConsole, option={}}) {
     // 内部监听器-是否打印
     if (!!isConsole) {
       win.webContents.on('console-message', (e,leve,m,lin,s) => {
-        console.log(m)
+        console.log(`[${win.type}]`,m)
       })
     }
   })
@@ -186,7 +200,11 @@ const eventHandles = (type, win) => {
       // 放大监听-测试
       Remote.ipcMain.once('maximize-window', () => {win&&win.destroy()})
       const on = {
-        onClosed: () => {Remote.ipcMain.removeHandler('tool-sphere:set:ignore', setIgnore)}
+        onClosed: () => {
+          Remote.ipcMain.removeHandler('tool-sphere:set:ignore', setIgnore)
+          Remote.ipcMain.removeHandler('tool-sphere:reset')
+          // Remote.ipcMain.removeAllListeners() // 移除所有监听事件
+        }
       }
       publicMethods(on) // 加载公共方法
       break}
diff --git a/src/renderer/src/views/classBegins/index.vue b/src/renderer/src/views/classBegins/index.vue
index 80990c9..adbce55 100644
--- a/src/renderer/src/views/classBegins/index.vue
+++ b/src/renderer/src/views/classBegins/index.vue
@@ -76,7 +76,7 @@ const minimize = () => {
   toolState.isPdfWin=false
   toolState.showBoardAll=true //恢复默认值
   console.log(toolState.showBoardAll,"关闭")
-  // ipcRenderer.send('tool-sphere:reset') //重置tool状态
+  ipcRenderer.invoke('tool-sphere:reset') //重置tool状态
   ipcRenderer.send('open-PDF:minimize')
 }
 const handleUpdate = (data) => {
diff --git a/src/renderer/src/views/classManage/aside.vue b/src/renderer/src/views/classManage/aside.vue
index 120991c..941134f 100644
--- a/src/renderer/src/views/classManage/aside.vue
+++ b/src/renderer/src/views/classManage/aside.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup>
-import {ref,defineProps,defineEmits} from "vue";
+import {ref} from "vue";
 const activeIndex = ref('0')
 const props = defineProps({
   classList:{
diff --git a/src/renderer/src/views/tool/components/board.vue b/src/renderer/src/views/tool/components/board.vue
index f0ab4da..552722f 100644
--- a/src/renderer/src/views/tool/components/board.vue
+++ b/src/renderer/src/views/tool/components/board.vue
@@ -40,7 +40,7 @@ const handleMode = (newVal, oldVal) => {
       FabricVue.handleMode(TYPES.ActionMode.DRAW)
       FabricVue.canvas.freeDrawingCursor = 'default'
       break
-    case 'eraser':  // 板擦模式
+    case 'erase':  // 板擦模式
       FabricVue.handleMode(TYPES.ActionMode.ERASE)
       break
     case 'clear':   // 清空画布
@@ -54,7 +54,7 @@ const handleMode = (newVal, oldVal) => {
 }
 // 监听
 watch(() => props.modelValue, (newVal, oldVal) => {
-  console.log(newVal, oldVal)
+  // console.log(newVal, oldVal)
   handleMode(newVal, oldVal)
 })
 // 暴露属性方法
diff --git a/src/renderer/src/views/tool/sphere.vue b/src/renderer/src/views/tool/sphere.vue
index 1a9fb02..19f1db8 100644
--- a/src/renderer/src/views/tool/sphere.vue
+++ b/src/renderer/src/views/tool/sphere.vue
@@ -36,7 +36,8 @@ import sideVue from './components/side.vue'  // 画板-子组件
 import vDrag from './directive/drag' // 自定义指令-拖拽
 import vIgnore from './directive/ignore' // 自定义指令-穿透
 import { useToolState } from '@/store/modules/tool'
-import { ipcMsgSend } from '@/utils/tool' // 相关工具
+import { ipcMsgSend, ipcHandle, ipcMain } from '@/utils/tool' // 相关工具
+import {FabricVue, TYPES} from '@/plugins/fabric'
 const tabActive = ref('select')   // 工具栏当前选中项
 const isFold = ref(false)         // 折叠工具栏
 const isDrag = ref(false)         // 开始拖拽
@@ -47,34 +48,22 @@ const boardVueRef=ref(null)       // 画板ref
 const btnList = [ // 工具栏按钮列表
   { label: '选择', value: 'select', icon: 'icon-mouse' },
   { label: '画笔', value: 'brush', icon: 'icon-huabi' },
-  { label: '板擦', value: 'eraser', icon: 'icon-xiangpica' },
+  { label: '板擦', value: 'erase', icon: 'icon-xiangpica' },
   { label: '清除', value: 'clear', icon: 'icon-xiangpica', style: 'color: #ccc' },
   // { label: '互动', value: 'interact', icon: 'icon-hudong' },
   // { label: '聚焦', value: 'focus', icon: 'icon-jujiao' },
   // { label: '更多', value: 'more', icon: 'icon-xiazai9' },
 ]
-// onMounted(() => {})
+// 页面加载完毕
+onMounted(async() => {
+  resetStatus() // 开启重置状态-监听
+})
 // const test = (e) => { console.log('test', e) }
 // ==== 方法 ===
 const tabChange = (val) => { // 切换tab-change
-  if(!toolStore.isPdfWin)  toolStore.showBoardAll = true
-  switch (val) {
-    case 'brush': // 画笔
-      break
-    case 'eraser': // 板擦
-      break
-    case 'interact':
-      break
-    case 'focus':
-      break
-    case 'more':
-      break
-    case 'close':
-      ipcMsgSend('tool-sphere:close')
-      break
-    default:
-      break
-  }
+  const bool = !toolStore.isPdfWin && !toolStore.showBoardAll
+  if(bool) toolStore.showBoardAll = true
+  // ipcMsgSend('tool-sphere:close')
   toolStore.model = val // 存储当前tab
 }
 const logoHandle = (e,t) => { // logo 点击-事件 折叠|展开
@@ -91,13 +80,17 @@ const mouseChange = (bool) => { // 鼠标移入工具栏 是否穿透
 const setIgnore = (bool) => { // 忽略鼠标穿透
   ipcMsgSend('tool-sphere:set:ignore', bool)
 }
+const resetStatus = () => { // 重置状态
+  ipcMain.handle('tool-sphere:reset', () => {
+    FabricVue.handleMode(tabActive.value)
+    setTimeout(() => { mouseChange(1) }, 500)
+  })
+}
 
 watchEffect(() => { // 监听
-  isShow.value = !toolStore.isPdfWin && toolStore.showBoardAll // 是否显示-画板
-  if(!toolStore.isPdfWin && toolStore.showBoardAll){         //恢复进入页面前的状态
-    boardVueRef.value.handleMode(tabActive.value)
-    mouseChange(true)
-  }
+  // 不同的时候, 更新值: 是否显示-画板  
+  const show = !toolStore.isPdfWin && toolStore.showBoardAll
+  if (show != isShow.value) isShow.value = show
 })
 </script>