{"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//\n//\nexport default {\n  name: \"File\",\n  created: function created() {\n    this.load();\n  },\n  data: function data() {\n    return {\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,mBADA;AAEAC,cAFA;AAGAC,iBAHA;AAIAC,oBAJA;AAKAC,kBALA;AAOAC;AAPA;AASA,GAfA;AAgBAC;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;AACA;AACA,OArBA;AAuBA,KAtDA;AAuDAC,UAvDA,oBAuDA;AACA;AACA;AACA,KA1DA;AA2DAC,UA3DA,oBA2DA;AACA;AACA;AACA,KA9DA;AA+DA;AACA;AACA;AACA;AACA;AACA;AAEA;AACAC,gBAvEA,wBAuEAC,EAvEA,EAuEA;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,KA1FA;AA2FA;AACAW,YA5FA,sBA4FA;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;AAlHA;AAhBA","names":["name","created","data","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=\"el-icon-search\" style=\"width: 250px;padding-right: 5px\" v-model=\"fileName\"></el-input>\r\n      <el-button type=\"primary\" @click=\"search\">搜索</el-button>\r\n      <el-button type=\"danger\" @click=\"reload\">重置</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:8888/file/upload\" :show-file-list=\"false\" :on-success=\"handleFileUploadSuccess\" style=\"display: inline-block\">\r\n        <el-button type=\"primary\"><i class=\"el-icon-upload2\"style=\"padding-right: 6px\"></i>上传</el-button>\r\n      </el-upload>\r\n      <el-button type=\"danger\" @click=\"delBatch\" style=\"margin-left: 10px\"><i class=\"el-icon-remove\" style=\"padding-right: 6px\"></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=\"150\" >-->\r\n<!--&lt;!&ndash;        启用&ndash;&gt;-->\r\n<!--        <template slot-scope=\"scope\">-->\r\n<!--          <el-switch-->\r\n<!--              v-model=\"scope.row.enable\"-->\r\n<!--              @change=\"handleEnable(scope.row)\"-->\r\n<!--              active-color=\"#13ce66\"-->\r\n<!--              inactive-color=\"#ff4949\">-->\r\n<!--          </el-switch>-->\r\n<!--        </template>-->\r\n<!--      </el-table-column>-->\r\n      <el-table-column label=\"操作\">\r\n        <template slot-scope=\"scope\">\r\n\r\n<!--          下载-->\r\n          <a :href=\"scope.row.url\">\r\n            <el-button\r\n              size=\"mini\"\r\n              type=\"success\"\r\n              >下载\r\n            </el-button>\r\n          </a>\r\n<!--          删除-->\r\n          <el-button\r\n              size=\"mini\"\r\n              type=\"danger\"\r\n              style=\"margin-left: 10px\"\r\n              @click=\"handleDelete(scope.row.id)\">删除</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: \"File\",\r\n  created() {\r\n    this.load();\r\n  },\r\n  data(){\r\n    return{\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    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"}