package.json

@@ -30,7 +30,6 @@
     "jsencrypt": "^3.3.2",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
-    "spark-md5": "^3.0.2",
     "vue-cropper": "^1.0.3",
     "vue-router": "^4.4.0"
   },

src/main/file.js

@@ -1,105 +1,16 @@
-import SparkMD5 from 'spark-md5'
+import CryptoJS from 'crypto-js'
+
 const fs = require('fs')
 const path = require('path')
 import { ElectronDownloadManager } from 'electron-dl-manager'
 import { dialog } from 'electron'
 import axios from 'axios'
 const uploadUrl = import.meta.env.VITE_APP_UPLOAD_API + '/smarttalk/file/upload'
-const asyncUploadUrl = import.meta.env.VITE_APP_UPLOAD_API + '/smarttalk/file/asyncUpload'
 const manager = new ElectronDownloadManager()
 export default async function ({ app, shell, BrowserWindow, ipcMain }) {
   const userDataPath = app.getPath('userData')
   const appRootFilePath = userDataPath + '\\selfFile\\'
   const appTempFilePath = userDataPath + '\\tempFile\\'
-  let Spark = new SparkMD5.ArrayBuffer()
-
-  ipcMain.on('upload-file-change', (e, { id, fileNewName, cookie, fileType }) => {
-    let filePath = appRootFilePath + fileNewName
-    //执行更新，上传文件
-    let formData = new FormData()
-    formData.append('id', id)
-    uploadFileByFS({
-      url: asyncUploadUrl,
-      path: filePath,
-      name: fileNewName,
-      cookie,
-      fileType,
-      formData,
-      success: (response) => {
-        e.reply('upload-file-change-success' + fileNewName, {
-          data: response.data,
-          md5: formData.md5
-        })
-      },
-      error: (err) => {
-        console.error('Error uploading file:', err)
-      }
-    })
-  })
-
-  /*监听文件改变，如果有改变则返回触发*/
-  ipcMain.on('listen-file-change', (e, { id, fileNewName, md5, cookie, fileType }) => {
-    let filePath = appRootFilePath + fileNewName
-    let uploadId = null
-    let isOn = false
-    setInterval(() => {
-      getFileMD5(filePath).then((md5New) => {
-        if (md5New !== md5) {
-          md5 = md5New
-          if (uploadId) {
-            clearTimeout(uploadId)
-          }
-          if (isOn === false) {
-            e.reply('listen-file-change-on' + fileNewName)
-            isOn = true
-          }
-          //倒数十秒提交更改，十秒之内有继续修改则重置倒数
-          uploadId = setTimeout(() => {
-            //执行更新，上传文件
-            let formData = new FormData()
-            formData.append('id', id)
-            uploadFileByFS({
-              url: asyncUploadUrl,
-              path: filePath,
-              name: fileNewName,
-              cookie,
-              fileType,
-              formData,
-              success: (response) => {
-                e.reply('listen-file-change-success' + fileNewName, {
-                  data: response.data,
-                  md5: formData.md5
-                })
-                clearTimeout(uploadId)
-                isOn = false
-              },
-              error: (err) => {
-                console.error('Error uploading file:', err)
-              }
-            })
-          }, 5000)
-        }
-      })
-    }, 1000)
-  })
-
-  function getFileMD5(path) {
-    return new Promise((resolve, reject) => {
-      fs.readFile(path, (err, dataFile) => {
-        if (err) {
-          reject(err)
-          return console.error(err)
-        }
-        Spark.append(dataFile)
-        let md5 = Spark.end()
-        resolve(md5)
-      })
-    })
-  }
-
-  /*
-   * 判断是否有本地文件
-   * */
   ipcMain.on('is-have-local-file', (e, fileNewName) => {
     let filePath = appRootFilePath + fileNewName
     fs.access(filePath, fs.constants.F_OK, (err) => {
@@ -110,38 +21,10 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
       e.reply('is-have-local-file-reply' + fileNewName, true)
     })
   })
-
-  /*
-   * 判断是需要同步本地文件
-   * */
-  ipcMain.on('is-async-local-file', (e, { fileNewName, lastModifyTime, md5 }) => {
-    let filePath = appRootFilePath + fileNewName
-    fs.access(filePath, fs.constants.F_OK, (err) => {
-      if (err) {
-        e.reply('is-async-local-file-reply' + fileNewName, { isAsync: true, type: 'down' })
-        return
-      }
-      getFileMD5(filePath).then((localMd5) => {
-        if (localMd5 === md5) {
-          e.reply('is-async-local-file-reply' + fileNewName, { isAsync: false, type: '' })
-        } else {
-          const stats = fs.statSync(filePath)
-          //如果线上时间大于线下时间，就需要从线上下载，否则则需要上传
-          if (lastModifyTime > stats.mtime.getTime()) {
-            e.reply('is-async-local-file-reply' + fileNewName, { isAsync: true, type: 'down' })
-          } else if (lastModifyTime < stats.mtime.getTime()) {
-            e.reply('is-async-local-file-reply' + fileNewName, { isAsync: true, type: 'upload' })
-          }
-        }
-      })
-    })
-  })
-
   //默认浏览器打开url
   ipcMain.on('open-url-browser', (e, url) => {
     shell.openPath(url)
   })
-
   //使用默认应用打开本地文件
   ipcMain.on('open-path-app', (e, destination) => {
     let path = appRootFilePath + destination
@@ -157,72 +40,65 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     })
   })
 
-  //导出文件
+  //复制文件
   ipcMain.on('export-file-default', (e, list) => {
     exportFile(list, (res) => {
       e.reply('export-file-default-reply', res)
     })
   })
 
-  function uploadFileByFS({ url, path, name, cookie, fileType, formData, success, error }) {
-    fs.readFile(path, (err, data) => {
-      if (err) {
-        return console.error(err)
+  function getFileMD5(file) {
+    return new Promise((resolve, reject) => {
+      const fileReader = new FileReader()
+      fileReader.onload = (e) => {
+        const buffer = e.target.result
+        let md5 = CryptoJS.MD5(buffer).toString()
+        resolve(md5)
       }
-      // 配置上传的请求
-      const config = {
-        headers: {
-          'Content-Type': 'multipart/form-data', // 或者其他适合上传文件的Content-Type
-          Authorization: 'Bearer ' + cookie
-        }
-      }
-      Spark.append(data)
-      let md5 = Spark.end()
-      // 使用axios上传文件
-      let file = new File([data], name, {
-        type: fileType
-      })
-      formData.append('file', file)
-      formData.append('md5', md5)
-      axios
-        .post(url, formData, config)
-        .then((response) => {
-          success(response)
-        })
-        .catch((errorMsg) => {
-          error(errorMsg)
-        })
+      fileReader.readAsArrayBuffer(file)
     })
   }
 
-  /*创建新的ppt文件*/
   ipcMain.on('creat-file-default', (e, { name, uploadData, cookie }) => {
     createFolder('tempFile').then(() => {
       let path = appTempFilePath + name
       fs.writeFileSync(path, '', 'utf-8')
-      let fileType = 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
-      let formData = new FormData()
-      for (let key in uploadData) {
-        if (Object.prototype.hasOwnProperty.call(uploadData, key)) {
-          // 检查是否是对象自身的属性
-          formData.append(key, uploadData[key])
+      // 读取文件
+      fs.readFile(path, (err, data) => {
+        if (err) {
+          return console.error(err)
         }
-      }
-      formData.append('fileFlag', '教案')
-      uploadFileByFS({
-        url: uploadUrl,
-        path,
-        name,
-        cookie,
-        fileType,
-        formData,
-        success: (response) => {
-          e.reply('creat-file-default-reply', response.data)
-          console.log('File uploaded successfully:', response.data)
-        },
-        error: (err) => {
-          console.error('Error uploading file:', err)
+        // 配置上传的请求
+        const config = {
+          headers: {
+            'Content-Type': 'multipart/form-data', // 或者其他适合上传文件的Content-Type
+            Authorization: 'Bearer ' + cookie
+          }
         }
+        let md5 = CryptoJS.MD5(data).toString()
+        let formData = new FormData()
+        // 使用axios上传文件
+        let file = new File([data], name, {
+          type: 'application/vnd.openxmlformats-officedocument.presentationml.presentation'
+        })
+        formData.append('file', file)
+        formData.append('md5',md5)
+
+        for (let key in uploadData) {
+          if (uploadData.hasOwnProperty(key)) { // 检查是否是对象自身的属性
+            formData.append(key,uploadData[key])
+          }
+        }
+        formData.append("fileFlag","教案")
+        axios
+          .post(uploadUrl, formData, config)
+          .then((response) => {
+            e.reply('creat-file-default-reply', response.data)
+            console.log('File uploaded successfully:', response.data)
+          })
+          .catch((error) => {
+            console.error('Error uploading file:', error)
+          })
       })
     })
   })
@@ -315,7 +191,6 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     })
   })
 
-  /*导出文件*/
   function exportFile(list, callback) {
     let win = BrowserWindow.getFocusedWindow()
     //通过扩展名识别文件类型
@@ -345,12 +220,10 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
       })
   }
 
-  /*文件是否已经存在*/
   function isHaveFile(path) {
     return fs.existsSync(path)
   }
 
-  /*判断是否已经存在这个名字的文件，如果已经存在则递增导出*/
   function filterCopyFile(path, index = 0) {
     if (isHaveFile(path) === true) {
       index++
@@ -361,7 +234,6 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     }
   }
 
-  /*复制文件*/
   function copyRelFile(source, destination, callback) {
     return new Promise((resolve, reject) => {
       const readStream = fs.createReadStream(source)
@@ -384,7 +256,6 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     })
   }
 
-  /*复制文件*/
   function copyFile(source, destination, callback) {
     let path = appRootFilePath + destination
     createFolder('selfFile').then(() => {
@@ -405,7 +276,6 @@ export default async function ({ app, shell, BrowserWindow, ipcMain }) {
     })
   }
 
-  /*创建文件夹*/
   function createFolder(folderName) {
     return new Promise((resolve, reject) => {
       const folderPath = path.join(userDataPath, folderName)

src/renderer/src/layout/components/Uploader.vue

@@ -59,8 +59,7 @@
 <script>
 import uploaderState from '@/store/modules/uploader'
 import { getToken } from '@/utils/auth'
-// import CryptoJS from 'crypto-js/md5'
-import SparkMD5 from 'spark-md5'
+import CryptoJS from 'crypto-js'
 import { DeleteFilled } from '@element-plus/icons-vue'
 const { ipcRenderer } = window.electron || {}
 export default {
@@ -148,14 +147,13 @@ export default {
     },
     getFileMD5(file) {
       return new Promise((resolve, reject) => {
-        let fileReader = new FileReader()
-        let Spark = new SparkMD5.ArrayBuffer()
-        fileReader.readAsArrayBuffer(file)
-        fileReader.onload = function (e) {
-          Spark.append(e.target.result)
-          let md5 = Spark.end()
+        const fileReader = new FileReader()
+        fileReader.onload = (e) => {
+          const buffer = e.target.result
+          let md5 = CryptoJS.MD5(buffer).toString()
           resolve(md5)
         }
+        fileReader.readAsArrayBuffer(file)
       })
     },
     removeUploadFile(uid) {

src/renderer/src/utils/talkFile/index.js

@@ -9,15 +9,6 @@ export const isHaveLocalFile = async (fileNewName) => {
   })
 }
 
-export const isAsyncLocalFile = async (fileNewName, lastModifyTime, md5) => {
-  return new Promise((resolve, reject) => {
-    ipcRenderer.send('is-async-local-file', { fileNewName, lastModifyTime, md5 })
-    ipcRenderer.once('is-async-local-file-reply' + fileNewName, (e, { isAsync, type }) => {
-      resolve({ isAsync, type })
-    })
-  })
-}
-
 export const parseCataByNode = (node) => {
   if (node.parentNode) {
     let arr = parseCataByNode(node.parentNode)
@@ -40,12 +31,9 @@ export const exportFile = async (list) => {
 export const creatPPT = (name, uploadData) => {
   JSON.parse(JSON.stringify(uploadData))
   return new Promise((resolve, reject) => {
-    let cookie = localStorage.getItem('Admin-Token')
-    ipcRenderer.send('creat-file-default', {
-      name,
-      uploadData: JSON.parse(JSON.stringify(uploadData)),
-      cookie
-    })
+    let cookie = localStorage.getItem('Admin-Token');
+    console.log(cookie)
+    ipcRenderer.send('creat-file-default', { name, uploadData:JSON.parse(JSON.stringify(uploadData)), cookie })
     ipcRenderer.once('creat-file-default-reply', (e, res) => {
       resolve(res)
     })

src/renderer/src/views/prepare/container/file-list-item.vue

@@ -112,23 +112,18 @@ export default {
   props: {
     item: {
       type: Object,
-      default: function () {
+      default: function() {
         return {}
       }
     },
     index: {
       type: Number,
-      default: function () {
+      default: function() {
         return 0
       }
     }
   },
   emits: { 'on-move': null, 'on-delete': null },
-  data() {
-    return {
-      listenList: []
-    }
-  },
   methods: {
     editTalk(item) {
       ElMessageBox.prompt('请输入新的名称', '重命名', {
@@ -147,7 +142,8 @@ export default {
             }
           })
         })
-        .catch(() => {})
+        .catch(() => {
+        })
     },
     downloadFile(item) {
       ipcRenderer.send('save-as', item.fileFullPath, item.fileShowName)
@@ -160,6 +156,7 @@ export default {
       })
     },
     closePopver(index) {
+      console.log(this.$refs['popover_' + index])
       this.$refs['popover_' + index].hide()
     },
     moveSmarttalkFun(item) {
@@ -186,25 +183,6 @@ export default {
       isHaveLocalFile(item.fileNewName).then((res) => {
         if (res === true) {
           ipcRenderer.send('open-path-app', item.fileNewName)
-          if (this.listenList.indexOf(item.fileNewName) === -1) {
-            this.listenList.push(item.fileNewName)
-            let cookie = localStorage.getItem('Admin-Token')
-            ipcRenderer.send('listen-file-change', {
-              id: item.id,
-              fileNewName: item.fileNewName,
-              md5: item.fileMd5,
-              cookie,
-              fileType: item.fileType
-            })
-            ipcRenderer.on('listen-file-change-on' + item.fileNewName, () => {
-              item.async = 'on'
-            })
-            ipcRenderer.on('listen-file-change-success' + item.fileNewName, (e,{data,md5}) => {
-              item.fileSize = data.fileSize
-              item.md5 = md5
-              item.async = true
-            })
-          }
         } else {
           item.async = 'on'
           ipcRenderer.once('download-file-default' + item.fileNewName, (e, isSuccess) => {

src/renderer/src/views/prepare/index.vue

@@ -71,7 +71,7 @@ import FileListItem from '@/views/prepare/container/file-list-item.vue'
 import { getSmarttalkPage, moveSmarttalk } from '@/api/file'
 import { toTimeText } from '@/utils/date'
 import { ElMessage } from 'element-plus'
-import { isHaveLocalFile, parseCataByNode, creatPPT, isAsyncLocalFile } from '@/utils/talkFile'
+import { isHaveLocalFile, parseCataByNode, creatPPT } from '@/utils/talkFile'
 import FileOperBatch from '@/views/prepare/container/file-oper-batch.vue'
 import useUserStore from '@/store/modules/user'
 import { homeWorkConfig } from '@/utils/config'
@@ -133,7 +133,7 @@ export default {
   },
   methods: {
     createFile() {
-      creatPPT(this.currentNode.label + '.pptx', this.uploadData).then((res) => {
+      creatPPT('新建ppt文档.pptx', this.uploadData).then((res) => {
         this.currentFileList.unshift(res.resData)
       })
     },
@@ -165,42 +165,22 @@ export default {
       this.asyncAllFileVisiable = true
       const test = (item) => {
         return new Promise((resolve) => {
-          //判断是否需要从线上拿新的文件
-          isAsyncLocalFile(item.fileNewName, item.lastModifyTime, item.fileMd5).then(
-            ({ isAsync, type }) => {
-              item.async = !isAsync
-              if (isAsync === true) {
-                item.async = 'on'
-                if (type === 'down') {
-                  ipcRenderer.send('download-file-default', {
-                    url: item.fileFullPath,
-                    fileName: item.fileNewName
-                  })
-                  ipcRenderer.once('download-file-default' + item.fileNewName, (e, isSuccess) => {
-                    item.async = isSuccess
-                    resolve()
-                  })
-                }
-                if (type === 'upload') {
-                  ipcRenderer.send('upload-file-change', {
-                    url: item.fileFullPath,
-                    fileName: item.fileNewName
-                  })
-                  ipcRenderer.once(
-                    'upload-file-change-success' + item.fileNewName,
-                    (e, { data, md5 }) => {
-                      item.fileSize = data.fileSize
-                      item.md5 = md5
-                      item.async = true
-                      resolve()
-                    }
-                  )
-                }
-              } else {
+          isHaveLocalFile(item.fileNewName).then((res) => {
+            item.async = res
+            if (res === false) {
+              ipcRenderer.send('download-file-default', {
+                url: item.fileFullPath,
+                fileName: item.fileNewName
+              })
+              item.async = 'on'
+              ipcRenderer.once('download-file-default' + item.fileNewName, (e, isSuccess) => {
+                item.async = isSuccess
                 resolve()
-              }
+              })
+            } else {
+              resolve()
             }
-          )
+          })
         })
       }
       for (let i = 0; i < this.currentFileList.length; i++) {
@@ -381,7 +361,7 @@ export default {
       }
       .top-item{
         width: 230px;
-
+       
         flex-wrap: wrap;
         .btn{
           width: 102px;