{"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      baseApi: this.$store.state.baseApi,\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,wCADA;AAEAC,kBAFA;AAGAC,iBAHA;AAIAC,oBAJA;AAKAC,cALA;AAMAC,mBANA;AAOAC,gBAPA;AAQAC,iBARA;AASAC,gBATA;AAUAC,cAVA;AAWAC;AAXA;AAaA,GAhBA;AAiBAC,SAjBA,qBAiBA;AACA;AACA;AAEA,GArBA;AAsBAC;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;AAAA5B;AAAA6B;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;AAtBA","names":["name","data","baseApi","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=\"baseApi + 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(\" \",\"&nbsp;&nbsp;\")}}\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=\"baseApi + '/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      baseApi: this.$store.state.baseApi,\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"}