1 line
13 KiB
JSON
1 line
13 KiB
JSON
{"ast":null,"code":"import \"core-js/modules/es.array.splice.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//\nimport API from \"@/utils/request\";\nvar url = \"/api/good\";\nexport default {\n name: \"GoodInfo\",\n data: function data() {\n return {\n baseApi: this.$store.state.baseApi,\n good: {},\n standards: [],\n index: 0,\n standard: {},\n fileList: [],\n dialogFormVisible: false,\n categoryItems: [],\n checkedCategory: {}\n };\n },\n created: function created() {\n var _this = this;\n\n this.request.get(\"/api/category\").then(function (res) {\n if (res.code === '200') {\n _this.categoryItems = res.data;\n }\n\n if (_this.$route.query.good) {\n _this.good = JSON.parse(_this.$route.query.good);\n _this.fileList = [{\n name: '原始图片',\n url: _this.good.imgs\n }];\n _this.checkedCategory = _this.categoryItems[_this.good.categoryId]; //从服务器获取商品规格信息\n\n _this.request.get(url + \"/standard/\" + _this.good.id).then(function (res) {\n if (res.code === '200') {\n var standards = JSON.parse(res.data);\n _this.standards = standards;\n } else {//没有规格\n }\n });\n }\n });\n },\n methods: {\n /*\r\n 规格操作\r\n */\n editStandard: function editStandard(index) {\n this.standard = this.standards[index];\n this.index = index;\n this.dialogFormVisible = true;\n },\n addStandard: function addStandard() {\n this.standard = {};\n this.index = this.standards.length;\n this.dialogFormVisible = true;\n },\n saveStandard: function saveStandard() {\n this.standards[this.index] = this.standard;\n this.dialogFormVisible = false;\n },\n handleClose: function handleClose(standard) {\n this.standards.splice(this.standards.indexOf(standard), 1);\n },\n\n /*\r\n 文件上传操作\r\n */\n handleImgSuccess: function handleImgSuccess(res) {\n this.good.imgs = res.data;\n this.save();\n },\n handleChange: function handleChange(file, fileList) {\n this.fileList = fileList.slice(-3);\n },\n handleRemove: function handleRemove() {\n this.fileList.pop();\n },\n\n /*\r\n 保存数据操作\r\n */\n //点击提交按钮\n submit: function submit() {\n if (this.fileList.length === 0) {\n this.$confirm(\"请上传图片\");\n return false;\n } // 先上传图片再保存数据\n\n\n if (this.fileList[0].status === 'ready') {\n console.log('上传中');\n console.log(this.fileList);\n this.$refs.upload.submit();\n } else if (this.fileList[0].status === 'success') {\n //没有修改初始的图片。直接保存数据\n this.save();\n }\n },\n //保存数据\n save: function save() {\n var _this2 = this;\n\n API.post(url, this.good).then(function (res2) {\n if (res2.code === '200') {\n _this2.good.id = res2.data;\n\n _this2.request.post(url + \"/standard?goodId=\" + _this2.good.id, _this2.standards).then(function (res) {\n if (res.code === '200') {\n _this2.$message({\n type: \"success\",\n message: \"操作成功\",\n showClose: true\n });\n\n _this2.$router.go(-1);\n } else {\n _this2.$message({\n type: \"error\",\n message: \"操作失败\",\n showClose: true\n });\n }\n });\n } else {\n _this2.$message({\n type: \"error\",\n message: res2.msg\n });\n }\n });\n }\n }\n};","map":{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+EA;AACA;AACA;AACAA,kBADA;AAEAC,MAFA,kBAEA;AACA;AACAC,wCADA;AAEAC,cAFA;AAGAC,mBAHA;AAIAC,cAJA;AAKAC,kBALA;AAMAC,kBANA;AAOAC,8BAPA;AAQAC,uBARA;AASAC;AATA;AAWA,GAdA;AAeAC,SAfA,qBAeA;AAAA;;AACA;AACA;AACA;AACA;;AACA;AACA;AACA;AAAAX;AAAAY;AAAA;AACA,2EAHA,CAIA;;AACA;AACA;AACA;AACA;AACA,WAHA,MAGA,CACA;AACA;AACA,SAPA;AAQA;AACA,KAlBA;AAsBA,GAtCA;AAuCAC;AACA;AACA;AACA;AACAC,gBAJA,wBAIAT,KAJA,EAIA;AACA;AACA;AACA;AACA,KARA;AASAU,eATA,yBASA;AACA;AACA;AACA;AACA,KAbA;AAcAC,gBAdA,0BAcA;AACA;AACA;AACA,KAjBA;AAkBAC,eAlBA,uBAkBAX,QAlBA,EAkBA;AACA;AACA,KApBA;;AAqBA;AACA;AACA;AACAY,oBAxBA,4BAwBAC,GAxBA,EAwBA;AACA;AACA;AACA,KA3BA;AA4BAC,gBA5BA,wBA4BAC,IA5BA,EA4BAd,QA5BA,EA4BA;AACA;AACA,KA9BA;AA+BAe,gBA/BA,0BA+BA;AACA;AACA,KAjCA;;AAkCA;AACA;AACA;AACA;AACAC,UAtCA,oBAsCA;AACA;AACA;AACA;AACA,OAJA,CAKA;;;AACA;AACAC;AACAA;AACA;AACA,OAJA,MAIA;AACA;AACA;AACA;AACA,KApDA;AAqDA;AACAC,QAtDA,kBAsDA;AAAA;;AACAC;AACA;AACA;;AACA;AACA;AACA;AACAC,+BADA;AAEAC,+BAFA;AAGAC;AAHA;;AAKA;AACA,aAPA,MAOA;AACA;AACAF,6BADA;AAEAC,+BAFA;AAGAC;AAHA;AAKA;AACA,WAfA;AAgBA,SAlBA,MAkBA;AACA;AACAF,yBADA;AAEAC;AAFA;AAIA;AACA,OAzBA;AA0BA;AAjFA;AAvCA","names":["name","data","baseApi","good","standards","index","standard","fileList","dialogFormVisible","categoryItems","checkedCategory","created","url","methods","editStandard","addStandard","saveStandard","handleClose","handleImgSuccess","res","handleChange","file","handleRemove","submit","console","save","API","type","message","showClose"],"sourceRoot":"src/views/manage/good","sources":["GoodInfo.vue"],"sourcesContent":["<template>\r\n<div style=\"width: 1000px;margin: 50px auto\">\r\n <el-form :model=\"good\" >\r\n <el-form-item label=\"商品名称\" label-width=\"150px\">\r\n <el-input v-model=\"good.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=\"good.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-tag closable\r\n @close=\"handleClose(standard)\"\r\n :disable-transitions=\"true\"\r\n style=\"margin-right: 10px\"\r\n v-for=\"(standard,index) in standards\"\r\n :key=\"index\"\r\n @click=\"editStandard(index)\">{{standard.value}}</el-tag>\r\n <el-button icon=\"el-icon-plus\" circle @click=\"addStandard\"></el-button>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"折扣\" label-width=\"150px\">\r\n <el-input v-model=\"good.discount\" autocomplete=\"off\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n\r\n <el-form-item label=\"分类\" label-width=\"150px\">\r\n <el-select v-model=\"good.categoryId\" placeholder=\"请选择\">\r\n <el-option\r\n v-for=\"item in categoryItems\"\r\n :key=\"item.id\"\r\n :label=\"item.name\"\r\n :value=\"item.id\">\r\n </el-option>\r\n </el-select>\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=\"baseApi + '/file/upload'\"\r\n :file-list=\"fileList\"\r\n :on-change=\"handleChange\"\r\n :limit=\"1\"\r\n :on-remove=\"handleRemove\"\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-item label-width=\"150px\">\r\n <el-button type=\"success\" @click=\"submit\">提交</el-button>\r\n </el-form-item>\r\n </el-form>\r\n <!-- 弹窗 -->\r\n <el-dialog title=\"规格信息\" :visible.sync=\"dialogFormVisible\" width=\"30%\"\r\n :close-on-click-modal=\"false\">\r\n <el-form :model=\"standard\">\r\n <el-form-item label=\"规格名称\" label-width=\"150px\">\r\n <el-input v-model=\"standard.value\" 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=\"standard.price\" 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=\"standard.store\" autocomplete=\"off\" style=\"width: 80%\"></el-input>\r\n </el-form-item>\r\n\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=\"saveStandard\">确 定</el-button>\r\n </div>\r\n </el-dialog>\r\n</div>\r\n\r\n\r\n</template>\r\n\r\n<script>\r\nimport API from \"@/utils/request\";\r\nconst url = \"/api/good\"\r\nexport default {\r\n name: \"GoodInfo\",\r\n data(){\r\n return{\r\n baseApi: this.$store.state.baseApi,\r\n good:{},\r\n standards:[],\r\n index: 0,\r\n standard:{},\r\n fileList: [],\r\n dialogFormVisible : false,\r\n categoryItems: [],\r\n checkedCategory:{},\r\n }\r\n },\r\n created() {\r\n this.request.get(\"/api/category\").then(res=>{\r\n if(res.code==='200'){\r\n this.categoryItems = res.data;\r\n }\r\n if(this.$route.query.good){\r\n this.good = JSON.parse(this.$route.query.good);\r\n this.fileList=[{name:'原始图片',url: this.good.imgs}]\r\n this.checkedCategory = this.categoryItems[this.good.categoryId]\r\n //从服务器获取商品规格信息\r\n this.request.get(url + \"/standard/\"+this.good.id).then(res=>{\r\n if(res.code==='200'){\r\n let standards= JSON.parse(res.data)\r\n this.standards = standards;\r\n }else {\r\n //没有规格\r\n }\r\n })\r\n }\r\n })\r\n\r\n\r\n\r\n },\r\n methods:{\r\n /*\r\n 规格操作\r\n */\r\n editStandard(index){\r\n this.standard = this.standards[index];\r\n this.index = index;\r\n this.dialogFormVisible = true;\r\n },\r\n addStandard(){\r\n this.standard = {};\r\n this.index = this.standards.length;\r\n this.dialogFormVisible = true;\r\n },\r\n saveStandard(){\r\n this.standards[this.index] = this.standard;\r\n this.dialogFormVisible = false;\r\n },\r\n handleClose(standard){\r\n this.standards.splice(this.standards.indexOf(standard),1);\r\n },\r\n /*\r\n 文件上传操作\r\n */\r\n handleImgSuccess(res){\r\n this.good.imgs = res.data;\r\n this.save();\r\n },\r\n handleChange(file, fileList) {\r\n this.fileList = fileList.slice(-3);\r\n },\r\n handleRemove(){\r\n this.fileList.pop();\r\n },\r\n /*\r\n 保存数据操作\r\n */\r\n //点击提交按钮\r\n submit() {\r\n if(this.fileList.length===0){\r\n this.$confirm(\"请上传图片\");\r\n return false;\r\n }\r\n // 先上传图片再保存数据\r\n if(this.fileList[0].status==='ready') {\r\n console.log('上传中')\r\n console.log(this.fileList)\r\n this.$refs.upload.submit();\r\n } else if(this.fileList[0].status==='success'){\r\n //没有修改初始的图片。直接保存数据\r\n this.save();\r\n }\r\n },\r\n //保存数据\r\n save(){\r\n API.post(url, this.good).then(res2 => {\r\n if (res2.code === '200') {\r\n this.good.id = res2.data;\r\n this.request.post(url+\"/standard?goodId=\"+this.good.id,this.standards).then(res=>{\r\n if(res.code==='200'){\r\n this.$message({\r\n type: \"success\",\r\n message: \"操作成功\",\r\n showClose: true,\r\n })\r\n this.$router.go(-1)\r\n }else{\r\n this.$message({\r\n type: \"error\",\r\n message: \"操作失败\",\r\n showClose: true,\r\n })\r\n }\r\n })\r\n } else {\r\n this.$message({\r\n type: \"error\",\r\n message: res2.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"} |