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

2024-11-08 09:56:47 +08:00 · 2024-11-08 09:56:47 +08:00 · ea3e416f8f
parent 5e948d9b95 09914eb8f9
commit ea3e416f8f
11 changed files with 144 additions and 16 deletions
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "aix-win",
-  "version": "2.1.21",
+  "version": "2.1.27",
  "description": "",
  "main": "./out/main/index.js",
  "author": "上海交大重庆人工智能研究院",
--- a/src/main/index.js
+++ b/src/main/index.js
@ -175,6 +175,7 @@ async function createLinkWin(data) {
    data.fullPath += '?urlSource=smarttalk&t' + Date.now()
  }
  linkWin[data.key].loadURL(data.fullPath)
+  if (import.meta.env.VITE_SHOW_DEV_TOOLS === 'true') linkWin[data.key].webContents.openDevTools()

  linkWin[data.key].once('ready-to-show', () => {
    linkWin[data.key].show()
--- a/src/main/store.js
+++ b/src/main/store.js
@ -23,7 +23,9 @@ const defaultData = {
      curNode: null, // 当前选中的节点
      defaultExpandedKeys: [], //展开的节点
      subjectTree: [] // "树结构" 章节
-    }
+    },
+    env: {},      // 不走同步 Pinia - 变量
+    curr: {}      // 不走同步 Pinia - 当前信息
  },
  local: { // 本地(永久localStorage)
  },
--- a/src/renderer/src/components/set-homework/index.vue
+++ b/src/renderer/src/components/set-homework/index.vue
@ -213,7 +213,7 @@ const delStudent = (index) => {
 const onSubmit = (formEl) => {
  if (!formEl) return
  // 课堂id
-  const classRoomId = sessionStore.get('curClassRoom.id')
+  const classRoomId = sessionStore.get('curr.curClassRoom.id')
  formEl.validate((valid) => {
    if (valid) {
      /**
--- a/src/renderer/src/plugins/shareStore.js
+++ b/src/renderer/src/plugins/shareStore.js
@ -10,7 +10,7 @@ import _ from 'lodash'
 // import { diff } from 'jsondiffpatch'
 // const Remote = isNode?require('@electron/remote'):{}  // 远程模块

-const exArrs = ['subject'] // 不需要同步key-排除
+const exArrs = ['subject','env','curr'] // 不需要同步key-排除

 export function shareStorePlugin({store}) {
  store.$subscribe((mutation, state) => { // 自动同步
@ -60,7 +60,7 @@ function stateSyncWatch(storeName, newState) {
  const diffData = findDifferences(oldState, newState)
  if(!_.keys(diffData).length) return // 没有变化就终止执行
  // 数据处理: 找出差异
-  // console.log('state-change-diffData', diffData)
+  // console.log('state-change-diffData', diffData, newState)
  try {
    let pinaValue = {} // store pina状态管理需要的数据格式
    // 数据转换处理
@ -83,7 +83,7 @@ function stateSyncWatch(storeName, newState) {
      // 没变化也终止执行
      if (_.isEqual(oldValAll, newValAll)) return
      // 更新本地数据-session
-      sessionStore.set(key, newValAll)
+      sessionStore.set(key, newValAll || null)
  
      // 数据处理: pina-store
      const jsonStr = JSON.stringify(pinaValue) // 从新组装-json数据
--- a/src/renderer/src/store/modules/tool.js
+++ b/src/renderer/src/store/modules/tool.js
@ -6,7 +6,7 @@ import { sessionStore } from '@/utils/store'

 // 默认数据
 const defData = sessionStore.store || {}
-const exArrs = ['subject']
+const exArrs = ['subject','env','curr']
 exArrs.forEach(k => Object.keys(defData).includes(k) && (delete defData[k]))

 // 延时
--- a/src/renderer/src/utils/tool.js
+++ b/src/renderer/src/utils/tool.js
@ -200,6 +200,25 @@ export const createWindow = async (type, data) => {
      eventHandles(type, winChild) // 事件监听处理
      return winChild
    }
+    case 'open-win': { // 创建-新窗口
+      const option = data.option||{}
+      const defOption = {
+        show: false,
+        frame: true, // 无边框
+        autoHideMenuBar: true,
+        maximizable: false,
+      }
+      data.isConsole = true // 是否开启控制台
+      data.option = {...defOption, ...option}
+      const win = await toolWindow(type, data)
+      win.type = type  // 唯一标识
+      win.show()
+      win.maximize();
+      // win.setFullScreen(true) // 设置窗口为全屏
+      if (import.meta.env.VITE_SHOW_DEV_TOOLS === 'true') win.webContents.openDevTools() // 打开调试工具
+      eventHandles(type, win) // 事件监听处理
+      break
+    }
    default:
      break
  }
@ -360,6 +379,18 @@ const eventHandles = (type, win) => {
      publicMethods(on) // 加载公共方法
      break;
    }
+    case 'open-win': { // 打开新窗口
+      // 监听窗口关闭事件
+      win.on('closed', function () {
+        win&&win.destroy()
+      });
+      const on = {
+        onClosed: () => {
+        }
+      }
+      publicMethods(on) // 加载公共方法
+      break
+    }
    default:
      break
  }
--- a/src/renderer/src/views/fullScreenPdf/index.vue
+++ b/src/renderer/src/views/fullScreenPdf/index.vue
@ -18,7 +18,10 @@ const loadPdfAnimation = (path) => {
  },2000)
 }
 onMounted(() => {
-  const bookpath = localStorage.getItem('PDF-LOCAL-PATH')
+  const pdfUrl1 = localStorage.getItem('PDF-TOOL-PATH')
+  const pdfUrl2 = localStorage.getItem('PDF-LOCAL-PATH')
+  console.log('tool-pdf 地址: ',pdfUrl1, pdfUrl2)
+  const bookpath = pdfUrl1 || pdfUrl2
  // const filepath = import.meta.env.VITE_APP_RES_FILE_PATH + bookpath
  // const isDev = process.env.NODE_ENV == 'development'
 // if (isDev) 
@ -28,7 +31,7 @@ onMounted(() => {
  // const newpath = getStaticUrl(bookpath, 'user', 'selfFile', true)
  loadPdfAnimation(bookpath)
  // pdfUrl.value = filepath
-  // console.log('课件路径',newpath);
+  // console.log('课件路径',bookpath);
 })
 </script>
 <style>
--- a/src/renderer/src/views/prepare/index.vue
+++ b/src/renderer/src/views/prepare/index.vue
@ -636,6 +636,10 @@ export default {
      const path = await this.getBookPathFromServer(data.textBook.curBookPath)
      const localpath = getAppInstallUrl('pdfjs-dist/web/viewer.html', 'user', '\\out\\renderer', true) + "?file="
      localStorage.setItem('PDF-LOCAL-PATH',localpath + encodeURIComponent(import.meta.env.VITE_APP_RES_FILE_PATH + path))
+      // 相关数据存储session中
+      sessionStore.set('curr.textBook', data.textBook)
+      sessionStore.set('env.pdfBasePath', localpath)
+      sessionStore.set('env.fileBasePath', import.meta.env.VITE_APP_RES_FILE_PATH)
      this.checkFileList = []
      this.currentWorkList = []
      let cata = parseCataByNode(data.node)
--- a/src/renderer/src/views/tool/components/side.vue
+++ b/src/renderer/src/views/tool/components/side.vue
@ -26,6 +26,23 @@
        <div class="content" v-if="isVisible">
          <slot name="content">
            <homework v-if="activeObj?.prop === 'resource'" :curNode="curNode" @closeActive="closeActive" />
+            <template v-else-if="activeObj?.prop === 'book'">
+              <div class="item">
+                <div class="item-title">
+                  <h3>{{ curNode.label }}</h3>
+                  <span class="sub">{{ curNode.edusubject }}</span>
+                </div>
+                <div class="item-content" v-loading="loading">
+                  <el-scrollbar height="300px">
+                    <div class="item-content-item" v-for="item in cData">
+                      <el-tag effect="dark">{{ item.tag }}</el-tag>
+                      <span>{{ item.name }}</span>
+                      <el-button :color="item.color||'#349d44'" size="small" @click="openFile(item)">打开</el-button>
+                    </div>
+                  </el-scrollbar>
+                </div>
+              </div>
+            </template>
            <span v-else style="color:red;">{{activeObj}}</span>
          </slot>
        </div>
@ -37,6 +54,8 @@
 import { computed, defineProps, ref, reactive, watchEffect, onMounted} from 'vue'
 import { sessionStore } from '@/utils/store'
 import homework from './homework.vue';
+import { ElMessage } from 'element-plus';
+import { toRoter, createWindow } from '@/utils/tool' // 相关工具

 // 功能说明：侧边-工具栏
 const colors = ['#409EFF','#00f389', '#ff7f00', '#ffff00', '#00baff', '#13b189', '#F56C6C']
@ -49,7 +68,7 @@ const props = defineProps({
  data: { // 数据
    type: Array,
    default: () => [
-      { label: '资源', prop: 'book', isExtra: true, icon: 'icon--kejian' },
+      { label: '资源', prop: 'book', icon: 'icon--kejian' },
      { label: '活动', prop: 'resource', icon: 'icon-kechengziyuan1' },
      // { label: '互动', prop: 'interact', icon: 'icon-hudong' },
      // { label: '窗口', prop: 'win', icon: 'icon-tubiaozhizuomobanyihuifu-' },
@ -61,10 +80,11 @@ const isVisible = ref(false)  // 是否显示内容
 const activeObj = ref(null)   // 当前激活的按钮
 const btnRef = ref(null)      // 按钮元素-ref
 const topPos = ref(30)        // 顶部距离-内容的距离
-const hPost = ref(0)         // 顶部距离-内容的距离
-const isFold = ref(false)    // 是否折叠
+const hPost = ref(0)          // 顶部距离-内容的距离
+const isFold = ref(false)     // 是否折叠
+const cData = ref(null)       // 内容数据
+const loading = ref(false)    // 加载中
 let posBtnAll = {}  // 存储位置
-
 let curNode = null // 当前节点（作业需要）
 // === 计算属性 ===
 const list = computed(() => props.data.map((o,i) => {
@ -89,7 +109,16 @@ const getStyle = (style,index) => {
    return `${style}${style.endsWith(';')?'':';'}color:${color};`
  }
 }
-// 事件
+// 获取内容数据
+const getContent = o => {
+  loading.value = true
+  const { roottitle, edustage, edusubject } = curNode
+  const textbook = { type: 'book', tag: '教材', name: roottitle }
+  const course = { type: 'course', tag: '课标', name: `${edustage}-${edusubject}-课标` }
+  cData.value = [textbook, course]
+  loading.value = false
+}
+// 回调: 菜单点击
 const clickHandel = (o, e) => {
  if (!o.isExtra) { // 忽略其他操作: 打开内容窗口，指示器指向当前
    const node = e.target.parentNode.getBoundingClientRect()
@ -98,15 +127,42 @@ const clickHandel = (o, e) => {
    activeObj.value = o
    const nodeH = parseInt(node.height / 2) // 高度的一半
    topPos.value = Math.round(parseInt(node.top) - posBtnAll.top + nodeH)
+
+    // 获取内容数据
+    if (['book'].includes(o.prop)) getContent(o)
  }
  emit('change', o)
 }
+// 回调: 打开文件
+const openFile = item => {
+  if (['book', 'course'].includes(item.type)) {
+    const isBool = sessionStore.has('curr.textBook')
+    if (!isBool) return ElMessage.error('打开失败，请重试!')
+    const textBook = sessionStore.get('curr.textBook')
+    const pdfBasePath = sessionStore.get('env.pdfBasePath')
+    const fileBasePath = sessionStore.get('env.fileBasePath')
+    let path = ''
+    if (item.type == 'book') path = (textBook.curBookPath||'').replace('.txt', '.pdf')
+    else path = textBook.curBookPath.replace(/([^-]*)$/, '课标.pdf')
+    const url = pdfBasePath + encodeURIComponent(`${fileBasePath}${path}`)
+    console.log(url)
+    localStorage.setItem('PDF-TOOL-PATH', url)
+    // 打开新窗口
+    // toRoter(`${process.env['ELECTRON_RENDERER_URL']}/#/fullscreenpdf`)
+    console.log('pdf_old:' + localStorage.getItem('PDF-LOCAL-PATH'))
+    console.log('pdf_new:' + localStorage.getItem('PDF-TOOL-PATH'))
+    // emit('change', { prop: 'bookOpen' })
+    createWindow('open-win', {url: '/fullscreenpdf'})
+  }
+}
+// 回调: 关闭事件
 const closeActive = () =>{
  if (isVisible.value) { // 打开状态，关闭
    isVisible.value = false
    emit('change', { prop: 'close' })
  }
 }
+
 defineExpose({closeActive})
 </script>
 <style lang="scss" scoped>
@ -177,5 +233,33 @@ defineExpose({closeActive})
    top: var(--top);
    transform: rotate(45deg);
  }
+  .content{
+    // 每个菜单
+    .item{
+      margin: 0 15px;
+      &-title{
+        margin-bottom: 20px;
+        h3{
+          font-size: 20px;
+          font-weight: bold;
+          color: #fff;
+        }
+        .sub{
+          color: #cecece;
+          font-size: 15px;
+        }
+      }
+      &-content-item{
+        display: flex;
+        background-color: #384342;
+        padding: 15px 10px;
+        margin-bottom: 10px;
+        justify-content: space-between;
+        align-items: center;
+        color: #fff;
+        border-radius: 5px;
+      }
+    }
+  }
 }
 </style>
--- a/src/renderer/src/views/tool/sphere.vue
+++ b/src/renderer/src/views/tool/sphere.vue
@ -103,7 +103,7 @@ onMounted(async() => {
 const getClassInfo = async () => {
  const { data } = await classManageApi.getClassInfo(classObj.id)
  classObj.data = data
-  sessionStore.set('curClassRoom', classObj) // 课堂信息-缓存
+  sessionStore.set('curr.curClassRoom', classObj) // 课堂信息-缓存
  // 群id
  let timGroupId = data?.ex3 || ''
  console.log('获取群ID:', timGroupId)
@ -207,7 +207,7 @@ const sideMouse = e => {
 const sideChange = async o => {
  // console.log(o)
  switch(o.prop) {
-    case 'book':
+    case 'bookOpen':
      if(isOpenBook.value) {
        isOpenBook.value = false
        ElMessage.info('已经打开课本了哦')
@ -217,6 +217,9 @@ const sideChange = async o => {
        isOpenBook.value = true
      }
      break
+    case 'book':
+      isMask.value = !isMask.value
+      break
    case 'close': // 关闭
      maskChange(false)
      break