1 line
15 KiB
JSON
1 line
15 KiB
JSON
{"ast":null,"code":"import \"core-js/modules/es.json.stringify.js\";\nimport \"core-js/modules/es.array.slice.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//\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//\nimport API from '../../../utils/request';\nvar url = \"/api/good/\";\nexport default {\n name: \"Goods\",\n data: function data() {\n return {\n fileList: [],\n options: [],\n searchText: '',\n user: {},\n tableData: [],\n pageNum: 1,\n pageSize: 5,\n entity: {},\n total: 0,\n dialogFormVisible: false\n };\n },\n created: function created() {\n this.user = localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {};\n this.load();\n },\n methods: {\n handleSizeChange: function handleSizeChange(pageSize) {\n this.pageSize = pageSize;\n this.load();\n },\n handleCurrentChange: function handleCurrentChange(pageNum) {\n this.pageNum = pageNum;\n this.load();\n },\n handleRecommend: function handleRecommend(good) {\n var _this = this;\n\n API.get(url + \"recommend\", {\n params: {\n id: good.id,\n isRecommend: good.recommend\n }\n }).then(function (res) {\n if (res.code === '200') {\n _this.$message.success(\"修改成功\");\n } else {\n _this.$message.error(res.msg);\n }\n });\n },\n load: function load() {\n var _this2 = this;\n\n API.get(url + \"fullPage\", {\n params: {\n pageNum: this.pageNum,\n pageSize: this.pageSize,\n searchText: this.searchText\n }\n }).then(function (res) {\n _this2.tableData = res.data.records;\n _this2.total = res.data.total;\n });\n },\n reset: function reset() {\n this.searchText = '';\n this.load();\n },\n add: function add() {\n // this.entity = {}\n // this.fileList = []\n // this.dialogFormVisible = true\n this.$router.push(\"goodInfo\");\n },\n edit: function edit(obj) {\n this.entity = JSON.parse(JSON.stringify(obj));\n this.$router.push({\n name: 'goodInfo',\n query: {\n good: JSON.stringify(this.entity)\n }\n });\n },\n handleImgSuccess: function handleImgSuccess(res) {\n var _this3 = this;\n\n this.entity.imgs = res.data;\n API.post(url, this.entity).then(function (res2) {\n if (res2.code === '200') {\n _this3.$message({\n type: \"success\",\n message: \"操作成功\"\n });\n } else {\n _this3.$message({\n type: \"error\",\n message: res2.msg\n });\n }\n\n _this3.load();\n\n _this3.dialogFormVisible = false;\n });\n },\n save: function save() {\n var _this4 = this;\n\n console.log(this.fileList); //上传图片\n\n if (this.fileList.length !== 0) {\n console.log('上传中');\n this.$refs.upload.submit();\n } else {\n //不上传图片\n console.log(this.entity);\n API.post(url, this.entity).then(function (res2) {\n if (res2.code === '200') {\n _this4.$message({\n type: \"success\",\n message: \"操作成功\"\n });\n } else {\n _this4.$message({\n type: \"error\",\n message: res2.msg\n });\n }\n\n _this4.load();\n\n _this4.dialogFormVisible = false;\n });\n }\n },\n del: function del(id) {\n var _this5 = this;\n\n API.delete(url + id).then(function (res) {\n _this5.$message({\n type: \"success\",\n message: \"操作成功\"\n });\n\n _this5.load();\n });\n },\n handleChange: function handleChange(file, fileList) {\n this.fileList = fileList.slice(-3);\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;AACA;AAEA;AACAA,eADA;AAEAC,MAFA,kBAEA;AACA;AACAC,kBADA;AAEAC,iBAFA;AAGAC,oBAHA;AAIAC,cAJA;AAKAC,mBALA;AAMAC,gBANA;AAOAC,iBAPA;AAQAC,gBARA;AASAC,cATA;AAUAC;AAVA;AAYA,GAfA;AAgBAC,SAhBA,qBAgBA;AACA;AACA;AAEA,GApBA;AAqBAC;AAEAC,oBAFA,4BAEAN,QAFA,EAEA;AACA;AACA;AACA,KALA;AAMAO,uBANA,+BAMAR,OANA,EAMA;AACA;AACA;AACA,KATA;AAUAS,mBAVA,2BAUAC,IAVA,EAUA;AAAA;;AACAC;AACAC;AACAC,qBADA;AAEAC;AAFA;AADA,SAKAC,IALA,CAKA;AACA;AACA;AACA,SAFA,MAEA;AACA;AACA;AACA,OAXA;AAYA,KAvBA;AAwBAC,QAxBA,kBAwBA;AAAA;;AACAL;AACAC;AACAZ,+BADA;AAEAC,iCAFA;AAGAJ;AAHA;AADA,SAMAkB,IANA,CAMA;AACA;AACA;AACA,OATA;AAUA,KAnCA;AAoCAE,SApCA,mBAoCA;AACA;AACA;AACA,KAvCA;AAwCAC,OAxCA,iBAwCA;AACA;AACA;AACA;AACA;AACA,KA7CA;AA8CAC,QA9CA,gBA8CAC,GA9CA,EA8CA;AACA;AACA;AAAA3B;AAAA4B;AAAAX;AAAA;AAAA;AACA,KAjDA;AAkDAY,oBAlDA,4BAkDAC,GAlDA,EAkDA;AAAA;;AACA;AACAZ;AACA;AACA;AACAa,2BADA;AAEAC;AAFA;AAIA,SALA,MAKA;AACA;AACAD,yBADA;AAEAC;AAFA;AAIA;;AACA;;AACA;AACA,OAdA;AAeA,KAnEA;AAoEAC,QApEA,kBAoEA;AAAA;;AACAC,iCADA,CAEA;;AACA;AACAA;AACA;AACA,OAHA,MAGA;AACA;AACAA;AACAhB;AACA;AACA;AACAa,6BADA;AAEAC;AAFA;AAIA,WALA,MAKA;AACA;AACAD,2BADA;AAEAC;AAFA;AAIA;;AACA;;AACA;AACA,SAdA;AAeA;AACA,KA7FA;AA8FAG,OA9FA,eA8FAf,EA9FA,EA8FA;AAAA;;AACAF;AACA;AACAa,yBADA;AAEAC;AAFA;;AAIA;AACA,OANA;AAOA,KAtGA;AAuGAI,gBAvGA,wBAuGAC,IAvGA,EAuGAnC,QAvGA,EAuGA;AACA;AACA;AAzGA;AArBA","names":["name","data","fileList","options","searchText","user","tableData","pageNum","pageSize","entity","total","dialogFormVisible","created","methods","handleSizeChange","handleCurrentChange","handleRecommend","good","API","params","id","isRecommend","then","load","reset","add","edit","obj","query","handleImgSuccess","res","type","message","save","console","del","handleChange","file"],"sourceRoot":"src/views/manage/good","sources":["Goods.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div style=\"padding: 5px 0\">\r\n <el-input v-model=\"searchText\" @keyup.enter.native=\"load\" style=\"width: 200px\"> <i slot=\"prefix\" class=\"el-input__icon el-icon-search\"></i></el-input>\r\n <el-button @click=\"load\" type=\"primary\" style=\"margin: 5px\">搜索</el-button>\r\n <el-button @click=\"reset\" type=\"warning\" style=\"margin: 5px\">重置</el-button>\r\n <el-button @click=\"add\" type=\"success\" style=\"margin: 5px\">新增</el-button>\r\n </div>\r\n\r\n <el-table :data=\"tableData\" border stripe style=\"width: 100%\">\r\n <el-table-column prop=\"id\" label=\"商品id\" width=\"80px\"></el-table-column>\r\n <el-table-column prop=\"name\" label=\"商品名称\"></el-table-column>\r\n <el-table-column label=\"商品图片\" width=\"120px\">\r\n <template slot-scope=\"scope\">\r\n <img :src=\"scope.row.imgs\" style=\"width: 90px;height: 80px\">\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"description\" label=\"商品描述\"></el-table-column>\r\n <el-table-column prop=\"discount\" label=\"折扣\"></el-table-column>\r\n <el-table-column prop=\"sales\" label=\"销量\"></el-table-column>\r\n <el-table-column prop=\"saleMoney\" label=\"销售额（元)\"></el-table-column>\r\n <el-table-column prop=\"createTime\" label=\"创建时间\">\r\n <template slot-scope=\"scope\">\r\n {{scope.row.createTime.replace(\" \",\" \")}}\r\n </template>\r\n </el-table-column>\r\n <el-table-column label=\"推荐\" width=\"150\" >\r\n <!-- 推荐商品-->\r\n <template slot-scope=\"scope\">\r\n <el-switch\r\n v-model=\"scope.row.recommend\"\r\n @change=\"handleRecommend(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\r\n <el-table-column\r\n fixed=\"right\"\r\n label=\"操作\"\r\n width=\"200\">\r\n <template slot-scope=\"scope\">\r\n <el-button type=\"primary\" icon=\"el-icon-edit\" circle @click=\"edit(scope.row)\"></el-button>\r\n <el-popconfirm\r\n @confirm=\"del(scope.row.id)\"\r\n title=\"确定删除？\"\r\n >\r\n <el-button type=\"danger\" icon=\"el-icon-delete\" circle slot=\"reference\" style=\"margin-left: 10px\"></el-button>\r\n </el-popconfirm>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n <div style=\"margin-top: 10px\">\r\n <el-pagination\r\n @size-change=\"handleSizeChange\"\r\n @current-change=\"handleCurrentChange\"\r\n :current-page=\"pageNum\"\r\n :page-size=\"pageSize\"\r\n :page-sizes=\"[3, 5, 8, 10]\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n :total=\"total\"\r\n >\r\n </el-pagination>\r\n </div>\r\n\r\n <!-- 弹窗 -->\r\n <el-dialog title=\"信息\" :visible.sync=\"dialogFormVisible\" width=\"30%\"\r\n :close-on-click-modal=\"false\">\r\n <el-form :model=\"entity\">\r\n <el-form-item label=\"商品名称\" label-width=\"150px\">\r\n <el-input v-model=\"entity.name\" autocomplete=\"off\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"商品描述\" label-width=\"150px\">\r\n <el-input v-model=\"entity.description\" autocomplete=\"off\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"折扣\" label-width=\"150px\">\r\n <el-input v-model=\"entity.discount\" autocomplete=\"off\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"分类id\" label-width=\"150px\">\r\n <el-input v-model=\"entity.categoryId\" autocomplete=\"off\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n <el-form-item label=\"商品图片\" label-width=\"150px\">\r\n <el-upload\r\n class=\"upload-demo\"\r\n ref=\"upload\"\r\n action=\"http://localhost:8888/file/upload\"\r\n :file-list=\"fileList\"\r\n :on-change=\"handleChange\"\r\n :limit=\"2\"\r\n :on-success=\"handleImgSuccess\"\r\n :auto-upload=\"false\">\r\n <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\r\n <div slot=\"tip\" class=\"el-upload__tip\">只能上传jpg/png文件，且不超过500kb</div>\r\n </el-upload>\r\n </el-form-item>\r\n </el-form>\r\n <div slot=\"footer\" class=\"dialog-footer\">\r\n <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n <el-button type=\"primary\" @click=\"save\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport API from '../../../utils/request'\r\nconst url = \"/api/good/\"\r\n\r\nexport default {\r\n name: \"Goods\",\r\n data() {\r\n return {\r\n fileList: [],\r\n options: [],\r\n searchText: '',\r\n user: {},\r\n tableData: [],\r\n pageNum: 1,\r\n pageSize: 5,\r\n entity: {},\r\n total: 0,\r\n dialogFormVisible: false\r\n };\r\n },\r\n created() {\r\n this.user = localStorage.getItem(\"user\") ? JSON.parse(localStorage.getItem(\"user\")) : {}\r\n this.load()\r\n\r\n },\r\n methods: {\r\n\r\n handleSizeChange(pageSize) {\r\n this.pageSize = pageSize\r\n this.load()\r\n },\r\n handleCurrentChange(pageNum) {\r\n this.pageNum = pageNum\r\n this.load()\r\n },\r\n handleRecommend(good){\r\n API.get(url + \"recommend\", {\r\n params: {\r\n id: good.id,\r\n isRecommend : good.recommend,\r\n }\r\n }).then(res => {\r\n if(res.code==='200'){\r\n this.$message.success(\"修改成功\")\r\n }else{\r\n this.$message.error(res.msg)\r\n }\r\n })\r\n },\r\n load() {\r\n API.get(url + \"fullPage\", {\r\n params: {\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n searchText: this.searchText\r\n }\r\n }).then(res => {\r\n this.tableData = res.data.records\r\n this.total = res.data.total\r\n })\r\n },\r\n reset(){\r\n this.searchText = '';\r\n this.load()\r\n },\r\n add() {\r\n // this.entity = {}\r\n // this.fileList = []\r\n // this.dialogFormVisible = true\r\n this.$router.push(\"goodInfo\")\r\n },\r\n edit(obj) {\r\n this.entity = JSON.parse(JSON.stringify(obj))\r\n this.$router.push({name: 'goodInfo',query:{good: JSON.stringify(this.entity)}})\r\n },\r\n handleImgSuccess(res){\r\n this.entity.imgs = res.data;\r\n API.post(url, this.entity).then(res2 => {\r\n if (res2.code === '200') {\r\n this.$message({\r\n type: \"success\",\r\n message: \"操作成功\"\r\n })\r\n } else {\r\n this.$message({\r\n type: \"error\",\r\n message: res2.msg\r\n })\r\n }\r\n this.load()\r\n this.dialogFormVisible = false\r\n })\r\n },\r\n save() {\r\n console.log(this.fileList)\r\n //上传图片\r\n if(this.fileList.length!==0){\r\n console.log('上传中')\r\n this.$refs.upload.submit();\r\n }else{\r\n //不上传图片\r\n console.log(this.entity)\r\n API.post(url, this.entity).then(res2 => {\r\n if (res2.code === '200') {\r\n this.$message({\r\n type: \"success\",\r\n message: \"操作成功\"\r\n })\r\n } else {\r\n this.$message({\r\n type: \"error\",\r\n message: res2.msg\r\n })\r\n }\r\n this.load()\r\n this.dialogFormVisible = false\r\n })\r\n }\r\n },\r\n del(id) {\r\n API.delete(url + id).then(res => {\r\n this.$message({\r\n type: \"success\",\r\n message: \"操作成功\"\r\n })\r\n this.load()\r\n })\r\n },\r\n handleChange(file, fileList){\r\n this.fileList = fileList.slice(-3);\r\n },\r\n\r\n }\r\n\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n</style>\r\n"]},"metadata":{},"sourceType":"module"} |