add 删除

src/api/fileApi.js

@@ -2,8 +2,10 @@ import { getAction, postAction } from './manage.js'
 
 const addFile = (params) => getAction('/onlyoffice/saveEditFile', params)
 const getList = (params) => getAction('/onlyoffice/pageList', params)
+const deleteFile = (params) => postAction('', params)
 
 export {
   addFile,
-  getList
+  getList,
+  deleteFile
 }

src/main.js

@@ -15,6 +15,7 @@ Vue.use(Input)
 Vue.use(LocaleProvider)
 
 Vue.prototype.$message = message
+Vue.prototype.$confirm = Modal.confirm
 
 Vue.config.productionTip = false
 

src/views/List.vue

@@ -29,7 +29,7 @@
 
 <script>
 import AddFileModal from './modules/AddFileModal.vue'
-import { getList } from '../api/fileApi.js'
+import { getList, deleteFile } from '../api/fileApi.js'
 
 export default {
   name: 'List',
@@ -137,7 +137,24 @@ export default {
       })
     },
     handleDelete (id) {
-      console.log(id)
+      this.$confirm({
+        title: '确认删除？',
+        content: '确定删除吗?',
+        onOk: () => {
+          deleteFile({ id: id }).then((res) => {
+            if (res.success) {
+              this.$message.success(res.message)
+              // 判断当前删除的数据是否是最后一页的最后一条数据，如果是的话页码减一
+              if (this.ipagination.current > 1 && ((this.ipagination.current - 1) * this.ipagination.pageSize) + 1 === this.ipagination.total) {
+                this.ipagination.current -= 1
+              }
+              this.loadData()
+            } else {
+              this.$message.warning(res.message)
+            }
+          })
+        }
+      })
     },
     modalFormOk () {
       this.loadData()