zhuhao
/
AIx_Smarttalk
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 24 Wiki Activity

Merge branch 'zdg' of http://27.128.240.72:3000/zhuhao/AIx_Smarttalk into zdg

This commit is contained in:
zhangxuelin 2024-08-06 14:07:07 +08:00
parent 2a670c1447 19901d802f
commit a6fff59601
14 changed files with 273 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package.json
View File

@ -1,6 +1,6 @@
{
"name": "electron-app",
"version": "1.0.1",
"name": "aix-win",
"version": "1.0.2",
"description": "An Electron application with Vue",
"main": "./out/main/index.js",
"author": "example.com",

58
src/main/index.js
View File

@ -103,11 +103,12 @@ function createMainWindow() {
remote.enable(mainWindow.webContents)
}
// 作业窗口相关-开发中
let linkWindow
// 打开外部链接窗口
let linkWin = {}
async function createLinkWin(data) {
if (linkWindow) return
linkWindow = new BrowserWindow({
if (linkWin[data.key]) return
linkWin[data.key] = new BrowserWindow({
show: false,
frame: true,
maximizable: true,
@ -120,9 +121,10 @@ async function createLinkWin(data) {
contextIsolation: true
}
})
linkWindow.type = 'link' // 唯一标识
linkWin[data.key].type = 'link' // 唯一标识
let cookieDetails = { ...data.cookieData }
await linkWindow.webContents.session.cookies
await linkWin[data.key].webContents.session.cookies
.set(cookieDetails)
.then(() => {
console.log('Cookie is successful')
@ -131,14 +133,15 @@ async function createLinkWin(data) {
console.error('Cookie is error', error)
})
data.fullPath = data.fullPath.replaceAll('//', '/')
linkWindow.loadURL(data.fullPath)
linkWin[data.key].loadURL(data.fullPath)
linkWindow.once('ready-to-show', () => {
linkWindow.show()
linkWindow.maximize()
linkWin[data.key].once('ready-to-show', () => {
linkWin[data.key].show()
linkWin[data.key].maximize()
})
linkWindow.on('closed', () => {
linkWindow = null
linkWin[data.key].on('closed', () => {
linkWin[data.key] = null
delete linkWin[data.key]
})
}
@ -202,14 +205,8 @@ app.on('ready', () => {
ipcMain.on('openWindow', (e, data) => {
createLinkWin(data)
})
// 新窗口创建-监听
ipcMain.on('new-window', (e, data) => {
const { id, type } = data
const win = BrowserWindow.fromId(id)
win.type = type // 绑定独立标识
remote.enable(win.webContents) // 开启远程服务
})
// zdg: 消息监听
handleAll()
// 打开-登录窗口
createLoginWindow()
@ -226,3 +223,24 @@ app.on('window-all-closed', () => {
app.quit()
}
})
// 监听全局事件
function handleAll() {
// 新窗口创建-监听
ipcMain.on('new-window', (e, data) => {
const { id, type } = data
const win = BrowserWindow.fromId(id)
win.type = type // 绑定独立标识
remote.enable(win.webContents) // 开启远程服务
})
// 用于监听-状态管理变化-同步所有窗口
ipcMain.handle('pinia-state-change', (e, storeName, jsonStr) => {
for(const curWin of BrowserWindow.getAllWindows()){
const id = curWin.webContents.id
const bool = id !== e.sender.id && !curWin.isDestroyed()
if (bool) { // 除了消息发送窗口和销毁的窗口 其他都发送
curWin.webContents.send('pinia-state-set', storeName, jsonStr)
}
}
})
}

2
src/renderer/index.html
View File

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<title>Electron</title>
<title>AIx智慧教育</title>
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<!-- <meta
http-equiv="Content-Security-Policy"

9
src/renderer/src/api/teaching/classwork.js
View File

@ -18,6 +18,15 @@ export function listEntpcourse(query) {
})
}
// 新增entpcourse
export function addEntpcourse(data) {
return request({
url: '/education/entpcourse',
method: 'post',
data: data
})
}
// 布置作业
export function saveByClassWorkArray(data) {
return request({

89
src/renderer/src/components/choose-textbook/index.vue
View File

@ -5,9 +5,9 @@
<span>{{ curBookName }}</span>
<i class="iconfont icon-xiangyou"></i>
</div>
<div class="book-list">
<div class="book-list" v-loading="treeLoading">
<el-tree ref="refTree" :data="treeData" :props="defaultProps" node-key="id"
:default-expanded-keys="defaultExpandedKeys" :current-node-key="currentNode" highlight-current
:default-expanded-keys="defaultExpandedKeys" :current-node-key="currentNodeId" highlight-current
@node-click="handleNodeClick">
<template #default="{ node }">
<span :title="node.label" class="tree-label">{{ node.label }}</span>
@ -30,7 +30,10 @@
<el-scrollbar height="450px">
<div class="textbook-item flex" v-for="item in subjectList" :class="curBookId == item.id ? 'active-item' : ''"
:key="item.id" @click="changeBook(item)">
<img :src="BaseUrl + item.avartar" class="textbook-img" alt="">
<img v-if="item.avartar" :src="BaseUrl + item.avartar" class="textbook-img" alt="">
<div v-else class="textbook-img">
<i class="iconfont icon-jiaocaixuanze" style="font-size: 40px;"></i>
</div>
<span class="book-name">{{ item.itemtitle }}</span>
</div>
</el-scrollbar>
@ -39,7 +42,7 @@
</template>
<script setup>
import { onMounted, ref, nextTick, toRaw } from 'vue';
import { onMounted, ref, nextTick, toRaw, reactive } from 'vue';
import useUserStore from '@/store/modules/user'
import { listEvaluation } from '@/api/subject'
@ -60,6 +63,8 @@ const defaultProps = {
label: 'label',
class: 'textbook-tree'
}
const treeLoading = ref(false)
//当前教材ID
const curBookId = ref(-1)
//当前教材名称
@ -70,8 +75,12 @@ const curBookImg = ref('')
const volumeOne = ref([])
// 下册
const volumeTwo = ref([])
// 当前节点
const currentNode = reactive({
data:{}
})
// 当前选中的节点ID
const currentNode = ref(0)
const currentNodeId = ref(0)
// 当前选中的节点名称
const currentNodeName = ref('')
// 默认展开的节点
@ -82,6 +91,7 @@ const refTree = ref(null)
//获取教材下面的单元内容
const getSubjectContent = async () => {
treeLoading.value = true
const params = {
edusubject,
edustage,
@ -93,12 +103,17 @@ const getSubjectContent = async () => {
if (localStorage.getItem('evaluationList')) {
evaluationList.value = JSON.parse(localStorage.getItem('evaluationList'))
data = evaluationList.value
treeLoading.value = false
}
else {
const { rows } = await listEvaluation(params)
localStorage.setItem('evaluationList', JSON.stringify(rows))
evaluationList.value = rows
data = rows
try {
const { rows } = await listEvaluation(params)
localStorage.setItem('evaluationList', JSON.stringify(rows))
evaluationList.value = rows
data = rows
} finally {
treeLoading.value = false
}
}
//获取教材版本
@ -107,7 +122,6 @@ const getSubjectContent = async () => {
volumeOne.value = data.filter(item => item.level == 1 && item.semester == '上册')
//下册
volumeTwo.value = data.filter(item => item.level == 1 && item.semester == '下册')
getTreeData()
}
@ -126,10 +140,20 @@ const getTreeData = () => {
//数据过滤
let upData = transData(volumeOne.value)
let downData = transData(volumeTwo.value)
treeData.value = upData.length ? upData : downData
defaultExpandedKeys.value = [treeData.value[0].id]
if(upData.length && downData.length){
treeData.value = [...upData,...downData]
}
else if(upData.length || downData.length){
treeData.value = upData.length ? upData : downData
}
else{
treeData.value = []
return
}
nextTick(() => {
currentNode.value = getLastLevelData(treeData.value)[0].id
defaultExpandedKeys.value = [treeData.value[0].id]
currentNode.data = getLastLevelData(treeData.value)[0]
currentNodeId.value = getLastLevelData(treeData.value)[0].id
currentNodeName.value = getLastLevelData(treeData.value)[0].label
emitChangeBook()
})
@ -138,10 +162,14 @@ const getTreeData = () => {
const emitChangeBook = () => {
let curNode = {
id: currentNode.value,
label: currentNodeName.value
id: currentNodeId.value,
label: currentNodeName.value,
itemtitle: currentNode.data.itemtitle,
edudegree: currentNode.data.edudegree,
edustage: currentNode.data.edustage,
edusubject: currentNode.data.edusubject,
}
let parentNode = findParentByChildId(treeData.value, currentNode.value)
let parentNode = findParentByChildId(treeData.value, currentNodeId.value)
curNode.parentNode = toRaw(parentNode)
const data = {
@ -201,20 +229,26 @@ const findParentByChildId = (treeData, targetNodeId) => {
const transData = (data) => {
let ary = []
data.forEach(item => {
let obj = {}
if (item.rootid == curBookId.value) {
obj.label = item.itemtitle
obj.id = item.id
obj.itemtitle = item.itemtitle
obj.edudegree = item.edudegree
obj.edustage = item.edustage
obj.edusubject = item.edusubject
let ary2 = []
evaluationList.value.forEach(el => {
let obj2 = {}
if (item.id == el.parentid) {
obj2 = {
label: el.itemtitle,
id: el.id
id: el.id,
itemtitle : el.itemtitle,
edudegree : el.edudegree,
edustage : el.edustage,
edusubject : el.edusubject,
}
ary2.push(obj2)
}
@ -236,8 +270,9 @@ const getSubject = async () => {
subjectList.value = rows.filter(item => item.edustage == edustage && item.edusubject == edusubject && isHaveUnit(item.id))
localStorage.setItem('subjectList', JSON.stringify(subjectList.value))
}
// 默认第一个
if(!subjectList.value.length) return
curBookName.value = subjectList.value[0].itemtitle
curBookId.value = subjectList.value[0].id
curBookImg.value = BaseUrl + subjectList.value[0].avartar
@ -256,14 +291,15 @@ const handleNodeClick = (data, node) => {
* data : 当前节点数据
* node : 当前节点对象 包含当前节点所有数据 parent属性 指向父节点Node对象
*/
const currentNode = data;
const nodeData = data;
const parentNode = node.parent.data;
if (Array.isArray(parentNode)) {
currentNode.parentNode = null
nodeData.parentNode = null
}
else {
currentNode.parentNode = parentNode
nodeData.parentNode = parentNode
}
let curData = {
@ -272,9 +308,9 @@ const handleNodeClick = (data, node) => {
curBookName: curBookName.value,
curBookImg: curBookImg.value
},
node: toRaw(currentNode)
node: toRaw(nodeData)
}
currentNode.data = curData
emit('nodeClick', curData)
}
@ -365,6 +401,9 @@ onMounted(() => {
.textbook-img {
width: 55px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
}

14
src/renderer/src/components/move-file/index.vue
View File

@ -137,7 +137,6 @@ const getSubjectContent = async () => {
volumeOne.value = data.filter(item => item.level == 1 && item.semester == '上册')
//下册
volumeTwo.value = data.filter(item => item.level == 1 && item.semester == '下册')
getTreeData()
}
@ -154,6 +153,7 @@ const getSubject = async () => {
}
// 默认第一个
if(!subjectList.value.length) return
curBookName.value = subjectList.value[0].itemtitle
curBookId.value = subjectList.value[0].id
}
@ -168,7 +168,17 @@ const getTreeData = () => {
//数据过滤
let upData = transData(volumeOne.value)
let downData = transData(volumeTwo.value)
treeData.value = upData.length ? upData : downData
if(upData.length && downData.length){
treeData.value = [...upData,...downData]
}
else if(upData.length || downData.length){
treeData.value = upData.length ? upData : downData
}
else{
treeData.value = []
return
}
nextTick(() => {
defaultExpandedKeys.value = [treeData.value[0].id]
currentNodeId.value = getLastLevelData(treeData.value)[0].id

41
src/renderer/src/plugins/shareStore.js Normal file
View File

@ -0,0 +1,41 @@
/**
* 共享数据状态-多窗口
*/
const { ipcRenderer } = require('electron') // app使用
export function shareStorePlugin({store}) {
store.$subscribe(() => { // 自动同步
// 在存储变化的时候执行
const storeName = store.$id
// 用于多窗口共享(需要共享的状态名称)
const names = ['tool']
if (names.includes(storeName)) stateSync(store) // 需要同步
})
// 暴露方法-手动同步
store.stateSync = () => stateSync(store)
// 监听主线程消息-同步数据
stateChange(store)
}
// 同步数据-发送给主线程
function stateSync(store) {
const storeName = store.$id
const jsonStr = JSON.stringify(store.$state)
// 通知主线程更新
ipcRenderer.invoke('pinia-state-change', storeName, jsonStr)
}
// 同步数据-接收主线程消息
function stateChange(store) {
const storeName = store.$id
ipcRenderer.on('pinia-state-set', (e, sName, jsonStr) => {
if (sName == storeName) { // 更新对应数据
console.log('state-set', jsonStr, sName)
const curJson = JSON.stringify(store.$state) // 当前数据
const isUp = curJson != jsonStr // 不同的时候才写入，不然会导致触发数据变化监听，导致死循环
if (!isUp) return
const stateJson = JSON.parse(jsonStr) // 新数据
// 更新状态
store.$patch(stateJson)
// 您可以通过将其 $state 属性设置为新对象来替换 Store 的整个状态
// store.$state = stateJson
}
})
}

2
src/renderer/src/store/index.js
View File

@ -1,7 +1,9 @@
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import { shareStorePlugin } from '@/plugins/shareStore'
const pinia = createPinia() //创建pinia实例
pinia.use(piniaPluginPersistedstate) //将插件添加到 pinia 实例上
pinia.use(shareStorePlugin) // 多窗口数据状态共享
export const store = pinia

13
src/renderer/src/store/modules/tool.js Normal file
View File

@ -0,0 +1,13 @@
/**
* 工具类-窗口-状态管理
*/
import { defineStore } from 'pinia'
export const useToolState = defineStore('tool', {
state: () => ({
model: 'select', // 悬浮球-当前模式
showBoardAll: false, // 全屏画板-是否显示
}),
actions: {
}
})

6
src/renderer/src/views/login/index.vue
View File

@ -54,7 +54,7 @@ const rules = reactive({
password: [{ required: true, trigger: 'blur', message: '请输入您的密码' }]
})
let curWinUrl;
let curWinUrl = import.meta.env.VITE_APP_BUILD_BASE_PATH;
//登录
const submitForm = async (formEl) => {
@ -131,9 +131,7 @@ const setCookie = (name, value) => {
onMounted(() => {
// 当前窗口URL
curWinUrl = BrowserWindow.getFocusedWindow().webContents.getURL()
localStorage.clear()
getCookie()
})
</script>

106
src/renderer/src/views/prepare/index.vue
View File

@ -13,8 +13,7 @@
<el-button class="btn" @click="handleOutLink('aiModel')">教学大模型</el-button>
</div>
<el-button type="primary" class="to-class-btn" @click="openLesson">
<i class="iconfont icon-lingdang"></i>上课</el-button
>
<i class="iconfont icon-lingdang"></i>上课</el-button>
<div class="top-zoom-style"></div>
</div>
<div class="prepare-body-header">
@ -23,13 +22,7 @@
<el-popover placement="top-start" :width="250" trigger="hover">
<template #default>
<div>
<el-button
v-if="lastAsyncAllTime"
type="success"
size="small"
:icon="Check"
circle
/>
<el-button v-if="lastAsyncAllTime" type="success" size="small" :icon="Check" circle />
{{ lastAsyncAllTime ? toTimeText(lastAsyncAllTime) + '同步成功' : '' }}
</div>
</template>
@ -47,39 +40,20 @@
<el-button @click="handleOutLink('feedback')">作业反馈</el-button>
<el-button @click="handleOutLink('homeWork')">布置作业</el-button>
<el-button @click="isDialogOpen = true">上传资料</el-button>
<el-button type="primary" style="margin-left: 10px" @click="createFile"
>新建课件</el-button
>
<el-button type="primary" style="margin-left: 10px" @click="createFile">新建课件</el-button>
</div>
</div>
<el-checkbox-group
v-model="checkFileList"
class="prepare-body-main"
:style="{ 'margin-bottom': checkFileList.length > 0 ? '40px' : '0' }"
>
<file-list-item
v-for="(item, index) in currentFileList"
:key="index"
:item="item"
:index="index"
@on-move="onMoveSingleFile"
@on-delete="deleteTalk"
@on-set="openSet"
@on-delhomework="delhomework"
>
<el-checkbox label="" :value="item" v-if="!item.uniquekey"/>
<el-checkbox-group v-model="checkFileList" class="prepare-body-main"
:style="{ 'margin-bottom': checkFileList.length > 0 ? '40px' : '0' }">
<file-list-item v-for="(item, index) in currentFileList" :key="index" :item="item" :index="index"
@on-move="onMoveSingleFile" @on-delete="deleteTalk" @on-set="openSet" @on-delhomework="delhomework">
<el-checkbox label="" :value="item" v-if="!item.uniquekey" />
</file-list-item>
</el-checkbox-group>
<file-oper-batch
v-show="checkFileList.length > 0"
<file-oper-batch v-show="checkFileList.length > 0"
:indeterminate="checkFileList.length > 0 && checkFileList.length < currentFileList.length"
:choose="checkFileList"
:check-all="isCheckAll"
@click-delete="clickDelete"
@click-move="clickMove"
@cancel="checkFileList = []"
@click-choose="clickChoose"
></file-oper-batch>
:choose="checkFileList" :check-all="isCheckAll" @click-delete="clickDelete" @click-move="clickMove"
@cancel="checkFileList = []" @click-choose="clickChoose"></file-oper-batch>
</div>
<MoveFile v-model="isMoveDialogOpen" @on-submit="chooseMoveCata" />
<uploadDialog v-model="isDialogOpen" @submit-file="submitFile" />
@ -107,7 +81,7 @@ import SetHomework from './container/set-homework.vue'
import outLink from '@/utils/linkConfig'
import { createWindow } from '@/utils/tool'
import { uniqBy, cloneDeep } from 'lodash'
import { delClasswork } from '@/api/teaching/classwork'
import { delClasswork, addEntpcourse } from '@/api/teaching/classwork'
const { ipcRenderer } = window.electron || {}
@ -170,15 +144,17 @@ export default {
created() {
this.userStore = useUserStore().user
ipcRenderer.removeAllListeners('copy-file-default-reply')
ipcRenderer.on('copy-file-default-reply', (e, param) => {
this.callback(param)
})
this.lastAsyncAllTime = localStorage.getItem('lastAsyncAllTime')
},
mounted() {},
mounted() { },
activated() {
if (this.uploadData.textbookId !== null) {
this.asyncAllFile()
this.initHomeWork()
}
},
methods: {
@ -310,17 +286,51 @@ export default {
this.uploadData.levelSecondId = cata[1]
this.uploadData.levelThirdId = cata[2]
this.uploadData.textbookId = data.textBook.curBookId
this.initHomeWork()
await this.asyncAllFile()
},
async initHomeWork() {
if (this.timerId) {
clearInterval(this.timerId)
}
if (this.uploadData.levelSecondId) {
// 获取作业列表所需ID 可能存在没有
const { rows } = await this.getChapterId()
if(!rows.length) return
this.entpcourseid = rows[0].id
let { rows } = await this.getChapterId()
if (rows.length > 0) {
this.entpcourseid = rows[0].id
}
else{
await this.createEntpcourse()
let { rows } = await this.getChapterId()
this.entpcourseid = rows[0].id
}
// 查询作业
this.getHomeWorkList()
}
},
// 创建新的entpcourse
createEntpcourse() {
var cform = {};
cform.entpid = this.userStore.deptId;
cform.level = 1;
cform.parentid = 0;
cform.dictid = 0;
cform.evalid = this.currentNode.id;
cform.evalparentid = 0;
cform.edusubject = this.currentNode.edusubject;
cform.edudegree = this.currentNode.edudegree;
cform.edustage = this.currentNode.edustage;
cform.coursetype = '课标学科';
cform.coursetitle = this.currentNode.itemtitle;
cform.coursedesc = '';
cform.status = '';
cform.dflag = 0;
cform.edituserid = this.userStore.userId;
cform.createblankfile = 'yes';
return addEntpcourse(cform)
},
// 打开外部链接
handleOutLink(key) {
if (key == 'homeWork') {
@ -331,6 +341,7 @@ export default {
let configObj = outLink()[key]
// 通知主进程
ipcRenderer.send('openWindow', {
key,
fullPath: configObj.fullPath,
cookieData: { ...configObj.data }
})
@ -343,7 +354,7 @@ export default {
pageSize: 500
})
},
// 清除查询作业列表定时器
// 查询作业列表定时器
createTimer() {
this.timerId = setInterval(() => {
this.getHomeWorkList()
@ -421,20 +432,21 @@ export default {
this.setDialog = true
},
// 删除作业
delhomework(item){
delhomework(item) {
this.isLoading = true
delClasswork(item.id).then( async res =>{
delClasswork(item.id).then(async res => {
ElMessage.success('操作成功')
this.isLoading = false
await this.asyncAllFile()
this.getHomeWorkList()
}).catch(()=>{
}).catch(() => {
this.isLoading = false
})
},
closeHomework() {
this.setDialog = false
},
// 打开PDF-课件
navtoPdf() {
console.log(this.uploadData.textbookId)

18
src/renderer/src/views/resource/index.vue
View File

@ -23,7 +23,6 @@
</div>
<!-- 上传弹窗 -->
<uploadDialog v-model="isDialogOpen" @submit-file="submitFile" />
<!-- <el-button @click="testClick">测试</el-button> -->
</template>
<script setup>
@ -35,22 +34,17 @@ import ResoureList from './container/resoure-list.vue'
import uploadDialog from '@/components/upload-dialog/index.vue'
import uploaderState from '@/store/modules/uploader'
import { createWindow } from '@/utils/tool'
//
import { useToolState } from '@/store/modules/tool'
const sourceStore = useResoureStore()
const isDialogOpen = ref(false)
const toolStore = useToolState()
const openDialog = () => {
isDialogOpen.value = true
}
onMounted(async () => {
// const params = { url: '/tool/sphere' }
// const res = await ipcMsgSend('tool-sphere:create', params)
// console.log('消息返回：', res)
})
const testClick = async () => {
const win = await createWindow('tool-sphere', { url: '/tool/sphere' })
console.log('消息返回：', win)
}
// onMounted(async () => {
// console.log('toolStore: ', toolStore.windowState)
// })
// 查询
const getData = (data) => {
const { textBook, node } = data

6
src/renderer/src/views/tool/components/board.vue
View File

@ -1,6 +1,8 @@
<template>
<canvas ref="canvasRef" />
<slot></slot>
<div>
<canvas ref="canvasRef" />
<slot></slot>
</div>
</template>
<script setup>
// 功能说明：画板

26
src/renderer/src/views/tool/sphere.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="warp-all">
<board-vue v-model="tabActive"></board-vue>
<board-vue v-model="tabActive" v-show="isShow"></board-vue>
<!-- 底部工具栏 :style="dataPos.style"-->
<div class="tool-bottom-all"
@mouseenter="mouseChange(0)" @mouseleave="mouseChange(1)">
@ -27,18 +27,20 @@
<script setup>
// 功能说明：electron 悬浮球
import { onMounted, ref, reactive } from 'vue'
import { onMounted, ref, reactive, watchEffect } from 'vue'
import logo from '@root/resources/icon.png' // logo
import boardVue from './components/board.vue' // 画板
import vDrag from './directive/drag'
// const Remote = require('@electron/remote') // remote对象
import vDrag from './directive/drag' // 自定义指令-拖拽
import { useToolState } from '@/store/modules/tool'
const { ipcRenderer } = require('electron') // app使用
// const ipcRenderer = { send: () => {} } // 网页测试使用
const tabActive = ref('select') // 工具栏当前选中项
const isFold = ref(false) // 折叠工具栏
const isDrag = ref(false) // 开始拖拽
const dragtime = ref(0)
const dragtime = ref(0) // 拖拽时间-计算点击还是拖动
const isShow = ref(false)
const toolStore = useToolState()
const btnList = [ // 工具栏按钮列表
{ label: '选择', value: 'select', icon: 'icon-mouse' },
{ label: '画笔', value: 'brush', icon: 'icon-huabi' },
@ -48,9 +50,17 @@ const btnList = [ // 工具栏按钮列表
// { label: '聚焦', value: 'focus', icon: 'icon-jujiao' },
// { 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(val)
// console.log('xxxx:', val)
toolStore.showBoardAll = true
switch (val) {
case 'brush': // 画笔
break
@ -68,6 +78,7 @@ const tabChange = (val) => { // 切换tab-change
default:
break
}
toolStore.model = val // 存储当前tab
}
const logoHandle = (e,t) => { // logo 点击-事件 折叠|展开
if (Date.now() - dragtime.value < 200) {
@ -80,6 +91,9 @@ const mouseChange = (bool) => { // 鼠标移入工具栏 是否穿透
if (tabActive.value == 'select') resBool = !!bool
ipcRenderer.send('tool-sphere:set:ignore', resBool)
}
watchEffect(() => { // 监听
isShow.value = toolStore.showBoardAll // 是否显示-画板
})
</script>
<style lang="scss" scoped>