1 line
8.8 KiB
JSON
1 line
8.8 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\";\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: \"Avatar\",\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 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 load: function load() {\n var _this = this;\n\n this.request.get(\"/avatar/page\", {\n params: {\n pageNum: this.currentPage,\n pageSize: this.pageSize\n }\n }).then(function (res) {\n if (res.code === '200') {\n _this.tableData = res.data.records;\n\n var _iterator = _createForOfIteratorHelper(_this.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 _this.total = res.data.total;\n }\n });\n },\n search: function search() {\n this.currentPage = 1;\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 _this2 = this;\n\n this.$confirm('确认删除该文件吗?', '提示', {\n confirmButtonText: '确定',\n cancelButtonText: '取消',\n type: 'warning'\n }).then(function () {\n _this2.request.delete(\"/avatar/\" + id).then(function (res) {\n if (res.code === '200') {\n _this2.$message({\n type: \"success\",\n message: \"删除成功\",\n duration: 3000\n });\n\n _this2.load();\n } else {\n _this2.$message.error(res.msg);\n }\n });\n });\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;AACAA,gBADA;AAEAC,SAFA,qBAEA;AACA;AACA,GAJA;AAKAC,MALA,kBAKA;AACA;AACAC,wCADA;AAEAC,mBAFA;AAGAC,cAHA;AAIAC,iBAJA;AAKAC,oBALA;AAMAC;AANA;AAQA,GAdA;AAeAC;AACAC,oBADA,4BACAJ,QADA,EACA;AACA;AACA;AACA,KAJA;AAKAK,qBALA,6BAKAJ,WALA,EAKA;AACA;AACA;AACA,KARA;AASAK,yBATA,iCASAC,GATA,EASA;AACA;AACA,KAXA;AAYAC,QAZA,kBAYA;AAAA;;AACA;AACAC;AACAC,mCADA;AAEAV;AAFA;AADA,SAKAW,IALA,CAKA;AACA;AACA;;AADA,qDAEA,eAFA;AAAA;;AAAA;AAEA;AAAA;AACA;;AACA;AACAC;AACA,eAFA,MAEA;AACAA;AACA,eAFA,MAEA;AACAA;AACA;AACA;AAXA;AAAA;AAAA;AAAA;AAAA;;AAYA;AACA;AACA,OApBA;AAsBA,KAnCA;AAoCAC,UApCA,oBAoCA;AACA;AACA;AACA,KAvCA;AAwCA;AACA;AACA;AACA;AACA;AACA;AAEA;AACAC,gBAhDA,wBAgDAC,EAhDA,EAgDA;AAAA;;AACA;AACAC,+BADA;AAEAC,8BAFA;AAGAC;AAHA,SAIAP,IAJA,CAIA;AACA;AACA;AACA;AACAO,6BADA;AAEAC,6BAFA;AAGAC;AAHA;;AAKA;AACA,WAPA,MAOA;AACA;AACA;AACA,SAXA;AAYA,OAjBA;AAkBA;AAnEA;AAfA","names":["name","created","data","baseApi","tableData","total","pageSize","currentPage","multipleSelection","methods","handleSizeChange","handleCurrentPage","handleSelectionChange","val","load","params","pageNum","then","s","search","handleDelete","id","confirmButtonText","cancelButtonText","type","message","duration"],"sourceRoot":"src/views/manage/file","sources":["Avatar.vue"],"sourcesContent":["<template>\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 label=\"头像\" width=\"150\" >\r\n <template slot-scope=\"scope\">\r\n <img :src=\"baseApi + scope.row.url\" min-width=\"100\" height=\"100\" />\r\n </template>\r\n </el-table-column>\r\n\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\r\n <el-table-column label=\"操作\">\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=\"el-icon-a-061\" 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=\"el-icon-a-022\" 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\nexport default {\r\n name: \"Avatar\",\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 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 load(){\r\n this.request.get(\"/avatar/page\",{\r\n params:{\r\n pageNum: this.currentPage,\r\n pageSize: this.pageSize,\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 search(){\r\n this.currentPage = 1;\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(\"/avatar/\"+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}\r\n</script>\r\n\r\n<style scoped>\r\n\r\n</style>"]},"metadata":{},"sourceType":"module"} |