1 line
14 KiB
JSON
1 line
14 KiB
JSON
{"ast":null,"code":"import _createForOfIteratorHelper from \"D:/Work/WorkSpace/GitWorkSpace/TenShop/resource/ElectronicMall/src/ElectronicMallVue/node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js\";\nimport \"core-js/modules/es.number.to-fixed.js\";\nimport \"core-js/modules/es.array.map.js\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n name: \"File\",\n created: function created() {\n this.load();\n },\n data: function data() {\n return {\n baseApi: this.$store.state.baseApi,\n tableData: [],\n total: 0,\n pageSize: 5,\n currentPage: 1,\n fileName: '',\n multipleSelection: []\n };\n },\n methods: {\n handleSizeChange: function handleSizeChange(pageSize) {\n this.pageSize = pageSize;\n this.load();\n },\n handleCurrentPage: function handleCurrentPage(currentPage) {\n this.currentPage = currentPage;\n this.load();\n },\n handleSelectionChange: function handleSelectionChange(val) {\n this.multipleSelection = val;\n },\n handleFileUploadSuccess: function handleFileUploadSuccess() {\n this.$message.success(\"上传成功\");\n this.load();\n },\n handleEnable: function handleEnable(row) {\n var _this = this;\n\n this.request.get(\"/file/enable\", {\n params: {\n \"id\": row.id,\n \"enable\": row.enable\n }\n }).then(function (res) {\n if (res.code === '200') {\n _this.$message({\n type: \"success\",\n message: \"修改成功\",\n duration: 3000\n });\n\n _this.load();\n } else {\n _this.$message.error(res.msg);\n }\n });\n },\n load: function load() {\n var _this2 = this;\n\n this.request.get(\"/file/page\", {\n params: {\n pageNum: this.currentPage,\n pageSize: this.pageSize,\n fileName: this.fileName\n }\n }).then(function (res) {\n if (res.code === '200') {\n _this2.tableData = res.data.records;\n\n var _iterator = _createForOfIteratorHelper(_this2.tableData),\n _step;\n\n try {\n for (_iterator.s(); !(_step = _iterator.n()).done;) {\n var s = _step.value;\n var size = s.size;\n\n if (size < 1024) {\n s.size = size + ' Kb';\n } else if (size > 1024 && size < 1024 * 1024) {\n s.size = (size / 1024).toFixed(2) + ' Mb';\n } else {\n s.size = size / 1024 / 1024 .toFixed(2) + ' Gb';\n }\n }\n } catch (err) {\n _iterator.e(err);\n } finally {\n _iterator.f();\n }\n\n _this2.total = res.data.total;\n }\n });\n },\n search: function search() {\n this.currentPage = 1;\n this.load();\n },\n reload: function reload() {\n this.fileName = '';\n this.load();\n },\n // //编辑\n // handleEdit(row){\n // this.user = JSON.parse(JSON.stringify(row));\n // this.dialogTitle='编辑用户';\n // this.dialogFormVisible = true;\n // },\n //删除\n handleDelete: function handleDelete(id) {\n var _this3 = this;\n\n this.$confirm('确认删除该文件吗?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n _this3.request.delete(\"/file/\" + id).then(function (res) {\n if (res.code === '200') {\n _this3.$message({\n type: \"success\",\n message: \"删除成功\",\n duration: 3000\n });\n\n _this3.load();\n } else {\n _this3.$message.error(res.msg);\n }\n });\n });\n },\n //批量删除\n delBatch: function delBatch() {\n var _this4 = this;\n\n var ids = this.multipleSelection.map(function (v) {\n return v.id;\n });\n this.$confirm('确认删除这些用户吗?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n _this4.request.post(\"/file/del/batch\", ids).then(function (res) {\n if (res.code === '200') {\n _this4.$message({\n type: \"success\",\n message: \"删除成功\",\n duration: 3000\n });\n\n _this4.load();\n } else {\n _this4.$message.error(res.msg);\n }\n });\n });\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA;AACAA,cADA;AAEAC,SAFA,qBAEA;AACA;AACA,GAJA;AAKAC,MALA,kBAKA;AACA;AACAC,wCADA;AAEAC,mBAFA;AAGAC,cAHA;AAIAC,iBAJA;AAKAC,oBALA;AAMAC,kBANA;AAQAC;AARA;AAUA,GAhBA;AAiBAC;AACAC,oBADA,4BACAL,QADA,EACA;AACA;AACA;AACA,KAJA;AAKAM,qBALA,6BAKAL,WALA,EAKA;AACA;AACA;AACA,KARA;AASAM,yBATA,iCASAC,GATA,EASA;AACA;AACA,KAXA;AAYAC,2BAZA,qCAYA;AACA;AACA;AACA,KAfA;AAgBAC,gBAhBA,wBAgBAC,GAhBA,EAgBA;AAAA;;AACA;AAAAC;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACAC,2BADA;AAEAC,2BAFA;AAGAC;AAHA;;AAKA;AACA,SAPA,MAOA;AACA;AACA;AACA,OAXA;AAYA,KA7BA;AA8BAC,QA9BA,kBA8BA;AAAA;;AACA;AACAJ;AACAK,mCADA;AAEAjB,iCAFA;AAGAE;AAHA;AADA,SAMAgB,IANA,CAMA;AACA;AACA;;AADA,qDAEA,gBAFA;AAAA;;AAAA;AAEA;AAAA;AACA;;AACA;AACAC;AACA,eAFA,MAEA;AACAA;AACA,eAFA,MAEA;AACAA;AACA;AACA;AAXA;AAAA;AAAA;AAAA;AAAA;;AAYA;AAEA;AACA,OAtBA;AAwBA,KAvDA;AAwDAC,UAxDA,oBAwDA;AACA;AACA;AACA,KA3DA;AA4DAC,UA5DA,oBA4DA;AACA;AACA;AACA,KA/DA;AAgEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACAC,gBAxEA,wBAwEAC,EAxEA,EAwEA;AAAA;;AACA;AACAC,+BADA;AAEAC,8BAFA;AAGAZ;AAHA,SAIAK,IAJA,CAIA;AACA;AACA;AACA;AACAL,6BADA;AAEAC,6BAFA;AAGAC;AAHA;;AAKA;AACA,WAPA,MAOA;AACA;AACA;AACA,SAXA;AAYA,OAjBA;AAkBA,KA3FA;AA4FA;AACAW,YA7FA,sBA6FA;AAAA;;AACA;AAAA;AAAA;AACA;AACAF,+BADA;AAEAC,8BAFA;AAGAZ;AAHA,SAIAK,IAJA,CAIA;AACA;AACA;AACA;AACAL,6BADA;AAEAC,6BAFA;AAGAC;AAHA;;AAKA;AACA,WAPA,MAOA;AACA;AACA;AACA,SAXA;AAaA,OAlBA;AAoBA;AAnHA;AAjBA","names":["name","created","data","baseApi","tableData","total","pageSize","currentPage","fileName","multipleSelection","methods","handleSizeChange","handleCurrentPage","handleSelectionChange","val","handleFileUploadSuccess","handleEnable","row","params","type","message","duration","load","pageNum","then","s","search","reload","handleDelete","id","confirmButtonText","cancelButtonText","delBatch"],"sourceRoot":"src/views/manage/file","sources":["File.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"demo-input-size\">\r\n <el-input placeholder=\"请输入文件名\" prefix-icon=\"iconfont icon-r-find\" style=\"width: 250px;padding-right: 5px\" v-model=\"fileName\"></el-input>\r\n <el-button type=\"primary\" @click=\"search\">\r\n <i class=\"iconfont icon-r-find\" style=\"padding-right: 6px\"></i>\r\n 搜索\r\n </el-button>\r\n <el-button type=\"warning\" @click=\"reload\">\r\n <i class=\"iconfont icon-r-refresh\" style=\"padding-right: 6px\"></i>\r\n 重置\r\n </el-button>\r\n\r\n </div>\r\n <!-- 按钮栏-->\r\n <div style=\"padding-top: 10px\">\r\n\r\n <el-upload action=\"http://localhost:9191/file/upload\" :show-file-list=\"false\" :on-success=\"handleFileUploadSuccess\" style=\"display: inline-block\">\r\n <el-button type=\"primary\" style=\"font-size: 18px;\"><i class=\"el-icon-a-032\" style=\"padding-right: 6px；font-size: 22px;\"></i>上传</el-button>\r\n </el-upload>\r\n <el-button type=\"danger\" @click=\"delBatch\" style=\"margin-left: 10px;font-size: 18px;\"><i class=\"iconfont icon-r-delete\" style=\"padding-right: 6px;font-size: 22px;\"></i>批量删除</el-button>\r\n </div>\r\n <!-- 表格-->\r\n <el-table :data=\"tableData\" background-color=\"black\" @selection-change=\"handleSelectionChange\" >\r\n <el-table-column type=\"selection\" ></el-table-column>\r\n <el-table-column prop=\"name\" label=\"文件名\" width=\"350\" ></el-table-column>\r\n <el-table-column prop=\"type\" label=\"文件类型\" width=\"180\" ></el-table-column>\r\n <el-table-column prop=\"size\" label=\"文件大小\" width=\"180\" ></el-table-column>\r\n <el-table-column label=\"操作\" width=\"240\" fixed=\"right\">\r\n <template slot-scope=\"scope\">\r\n\r\n<!-- 下载-->\r\n <a :href=\"baseApi + scope.row.url\">\r\n <el-button\r\n type=\"success\"\r\n style=\"font-size: 18px;\"\r\n >\r\n <i class=\"iconfont icon-r-bottom\" stye=\"font-size: 26px;\"></i>\r\n 下载\r\n </el-button>\r\n </a>\r\n<!-- 删除-->\r\n <el-button\r\n type=\"danger\"\r\n style=\"margin-left: 10px;font-size: 18px;\"\r\n @click=\"handleDelete(scope.row.id)\">\r\n <i class=\"iconfont icon-r-delete\" style=\"font-size: 22px;\"></i>\r\n 删除\r\n </el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div class=\"block\" style=\"flex: 0 0 auto\">\r\n <el-pagination\r\n :current-page=\"currentPage\"\r\n :page-sizes=\"[3, 5, 8, 10]\"\r\n :page-size=\"pageSize\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :total=\"total\"\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentPage\"\r\n >\r\n </el-pagination>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n name: \"File\",\r\n created() {\r\n this.load();\r\n },\r\n data(){\r\n return{\r\n baseApi: this.$store.state.baseApi,\r\n tableData: [],\r\n total: 0,\r\n pageSize: 5,\r\n currentPage: 1,\r\n fileName: '',\r\n\r\n multipleSelection: []\r\n }\r\n },\r\n methods:{\r\n handleSizeChange(pageSize){\r\n this.pageSize = pageSize;\r\n this.load();\r\n },\r\n handleCurrentPage(currentPage){\r\n this.currentPage = currentPage;\r\n this.load();\r\n },\r\n handleSelectionChange(val){\r\n this.multipleSelection = val\r\n },\r\n handleFileUploadSuccess() {\r\n this.$message.success(\"上传成功\");\r\n this.load();\r\n },\r\n handleEnable(row){\r\n this.request.get(\"/file/enable\",{params:{\"id\": row.id, \"enable\": row.enable}}).then(res=>{\r\n if(res.code==='200'){\r\n this.$message({\r\n type: \"success\",\r\n message: \"修改成功\",\r\n duration: 3000\r\n });\r\n this.load();\r\n }else {\r\n this.$message.error(res.msg);\r\n }\r\n })\r\n },\r\n load(){\r\n this.request.get(\"/file/page\",{\r\n params:{\r\n pageNum: this.currentPage,\r\n pageSize: this.pageSize,\r\n fileName: this.fileName,\r\n }\r\n }).then(res=>{\r\n if(res.code==='200'){\r\n this.tableData = res.data.records;\r\n for(let s of this.tableData){\r\n let size = s.size;\r\n if(size<1024){\r\n s.size = size+' Kb';\r\n }else if(size >1024 && size < 1024*1024){\r\n s.size = (size / 1024).toFixed(2) +' Mb'\r\n }else{\r\n s.size = size /1024/1024 .toFixed(2)+' Gb'\r\n }\r\n }\r\n this.total = res.data.total;\r\n \r\n }\r\n }\r\n )\r\n },\r\n search(){\r\n this.currentPage = 1;\r\n this.load();\r\n },\r\n reload(){\r\n this.fileName='';\r\n this.load()\r\n },\r\n // //编辑\r\n // handleEdit(row){\r\n // this.user = JSON.parse(JSON.stringify(row));\r\n // this.dialogTitle='编辑用户';\r\n // this.dialogFormVisible = true;\r\n // },\r\n\r\n //删除\r\n handleDelete(id){\r\n this.$confirm('确认删除该文件吗?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n this.request.delete(\"/file/\"+id).then(res=>{\r\n if(res.code==='200'){\r\n this.$message({\r\n type: \"success\",\r\n message: \"删除成功\",\r\n duration: 3000\r\n });\r\n this.load();\r\n }else {\r\n this.$message.error(res.msg);\r\n }\r\n })\r\n })\r\n },\r\n //批量删除\r\n delBatch(){\r\n let ids = this.multipleSelection.map(v => v.id);\r\n this.$confirm('确认删除这些用户吗?', '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n this.request.post(\"/file/del/batch\",ids).then(res=>{\r\n if(res.code==='200'){\r\n this.$message({\r\n type: \"success\",\r\n message: \"删除成功\",\r\n duration: 3000\r\n });\r\n this.load();\r\n }else {\r\n this.$message.error(res.msg);\r\n }\r\n })\r\n\r\n })\r\n\r\n }\r\n },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>"]},"metadata":{},"sourceType":"module"} |