add form

package.json

@@ -25,6 +25,7 @@
     "vite-plugin-windicss": "^1.8.7",
     "vue": "^3.2.37",
     "vue-router": "^4.1.2",
+    "vue3-eventbus": "^2.0.0",
     "windicss": "^3.5.6"
   },
   "devDependencies": {

src/main.js

@@ -14,11 +14,13 @@ import '@/assets/style/theme/index.scss'
 import 'animate.css'
 import Avue from '@smallwei/avue'
 import '@smallwei/avue/lib/index.css'
+import bus from 'vue3-eventbus'
 
 const myApp = createApp(App)
 myApp.config.globalProperties.$router = router
 myApp.config.globalProperties.$api = api
 myApp.config.globalProperties.$wps = wps
+myApp.config.globalProperties.$bus = bus
 myApp.config.devtools = true
 
 /** 开启Pinia 持久化插件 需要在store 中进行开启**/
@@ -30,6 +32,6 @@ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
 myApp
   .use(pinia)
   .use(router)
-  .use(Avue)
+  .use(Avue).use(bus)
   .use(elementPlus, { size: 'default', zIndex: 300 })
   .mount('#app')

src/utils/bus.js

@@ -1,5 +0,0 @@
-/**
- * Created by luoyang on 2018-12-13
- */
-import Vue from 'vue'
-export default new Vue()

src/views/home/component/current.vue

@@ -26,23 +26,23 @@ import baseButton from '../../../components/base-button.vue'
 import uploadFile from '../../../components/upload-file.vue'
 
 export default {
-  name: "current",
-  components: {files_list, baseButton, uploadFile},
+  name: 'current',
+  components: { files_list, baseButton, uploadFile },
   props: {
     id: String,
     data: Array,
     total: String
   },
-  data() {
+  data () {
     return {
       show: false,
-      fileList: [],
+      fileList: []
     }
   },
   methods: {
-    success(res) {
+    success (res) {
       this.fileList = res.fileList.map(res => {
-        let item = {}
+        const item = {}
         item.title = res.response.data.originalFileName
         item.suffix = res.response.data.suffix
         item.volume = res.response.data.volume
@@ -52,7 +52,7 @@ export default {
       })
       this.addFile()
     },
-    addFile() {
+    addFile () {
       if (this.fileList.length === 0) {
         this.$message.error('请先上传相关文件')
         return
@@ -67,7 +67,7 @@ export default {
           this.$message.error(res.msg)
         }
       })
-    },
+    }
   }
 }
 </script>

src/views/home/component/files_list.vue

@@ -38,16 +38,16 @@
 
 <script>
 import mainButton from '../../../components/main-button.vue'
-import {bytesToSize} from "../../../utils/tools.js";
+import { bytesToSize } from '../../../utils/tools.js'
 
 export default {
-  name: "files_list",
-  components: {mainButton},
+  name: 'files_list',
+  components: { mainButton },
   props: {
     data: Array
   },
   watch: {
-    data() {
+    data () {
       this.data.map(e => {
         if (e.volume === '') {
           e.size = 0
@@ -58,18 +58,20 @@ export default {
       })
     }
   },
-  data() {
+  data () {
     return {}
   },
   methods: {
-    View() {
+    View () {
       // this.$router.push('/home/files')
     },
-    downFile(item) {
+    downFile (item) {
       window.open('/api/wutong-file/minio/file/downFile/' + item.dowloadFileId, '')
     },
-    removeFile(item) {
-      this.$api.project.fileRemove({ids: item.id}).then(res => {
+    removeFile (item) {
+      this.$bus.emit('delete', item)
+      return
+      this.$api.project.fileRemove({ ids: item.id }).then(res => {
         if (res.code === 200) {
           this.$message.success(res.msg)
         } else {

src/views/home/files.vue

@@ -20,22 +20,25 @@ import current from './component/current.vue'
 import historical from './component/historical.vue'
 
 export default {
-  name: "files",
-  components: {current, historical},
-  data() {
+  name: 'files',
+  components: { current, historical },
+  data () {
     return {
       id: '',
       fileList: [],
       total: ''
     }
   },
-  created() {
+  created () {
     this.id = this.$route.query.id
     this.getFileList()
+    this.$bus.on('delete', (res) => {
+      console.log(res)
+    })
   },
   methods: {
-    getFileList() {
-      this.$api.project.fileList({folderId: this.id}).then(res => {
+    getFileList () {
+      this.$api.project.fileList({ folderId: this.id }).then(res => {
         if (res.code === 200) {
           this.fileList = res.data.records
           this.total = res.data.total

yarn.lock

@@ -2416,6 +2416,11 @@ minizlib@^2.1.1, minizlib@^2.1.2:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
+mitt@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/mitt/-/mitt-2.1.0.tgz#f740577c23176c6205b121b2973514eade1b2230"
+  integrity sha512-ILj2TpLiysu2wkBbWjAmww7TkZb65aiQO+DkVdUTBpBXq+MHYiETENkKFMtsJZX1Lf4pe4QOrTSjIfUwN5lRdg==
+
 mkdirp-infer-owner@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
@@ -3467,6 +3472,13 @@ vue-router@^4.1.2:
   dependencies:
     "@vue/devtools-api" "^6.1.4"
 
+vue3-eventbus@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/vue3-eventbus/-/vue3-eventbus-2.0.0.tgz#0ee35d7286a164f8e635b7a3f2b7b0270ddfbd47"
+  integrity sha512-AzgA5ShZqWy6zeuZbnwAOZDt/GHRcUwUEyNmUoOEK7MtwpjABXtyh1m6JHzcEulrRrxMgpI2qDFsjss3fYpYuw==
+  dependencies:
+    mitt "^2.1.0"
+
 vue@^3.2.37:
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"