{"ast":null,"code":"import E from 'wangeditor';\nlet editor;\nfunction initWangEditor(content) {\n setTimeout(() => {\n if (!editor) {\n editor = new E('#editor');\n editor.config.placeholder = '请输入内容';\n editor.config.uploadFileName = 'file';\n editor.config.uploadImgServer = 'http://localhost:8080/files/wang/upload';\n editor.create();\n }\n editor.txt.html(content);\n }, 0);\n}\nexport default {\n name: \"Notice\",\n data() {\n return {\n tableData: [],\n // 所有的数据\n pageNum: 1,\n // 当前的页码\n pageSize: 10,\n // 每页显示的个数\n total: 0,\n name: null,\n fromVisible: false,\n editorVisible: false,\n form: {},\n user: JSON.parse(localStorage.getItem('xm-user') || '{}'),\n rules: {\n title: [{\n required: true,\n name: '请输入商品名称',\n trigger: 'blur'\n }],\n content: [{\n required: true,\n img: '请输上传商品主图',\n trigger: 'blur'\n }]\n },\n ids: [],\n typeData: [],\n viewData: []\n };\n },\n created() {\n this.load(1);\n this.loadType();\n },\n methods: {\n loadType() {\n this.$request.get('/type/selectAll').then(res => {\n if (res.code === '200') {\n this.typeData = res.data;\n } else {\n this.$message.error(res.msg);\n }\n });\n },\n handleAdd() {\n // 新增数据\n if ('审核通过' !== this.user.status) {\n this.$message.warning('您的店铺信息还未审核通过，暂时不允许发布商品');\n return;\n }\n this.form = {}; // 新增数据的时候清空数据\n initWangEditor('');\n this.fromVisible = true; // 打开弹窗\n },\n\n handleEdit(row) {\n // 编辑数据\n this.form = JSON.parse(JSON.stringify(row)); // 给form对象赋值 注意要深拷贝数据\n initWangEditor(this.form.description || '');\n this.fromVisible = true; // 打开弹窗\n },\n\n save() {\n // 保存按钮触发的逻辑 它会触发新增或者更新\n this.$refs.formRef.validate(valid => {\n if (valid) {\n this.form.description = editor.txt.html();\n this.$request({\n url: this.form.id ? '/goods/update' : '/goods/add',\n method: this.form.id ? 'PUT' : 'POST',\n data: this.form\n }).then(res => {\n if (res.code === '200') {\n // 表示成功保存\n this.$message.success('保存成功');\n this.load(1);\n this.fromVisible = false;\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }\n });\n },\n\n del(id) {\n // 单个删除\n this.$confirm('您确定删除吗？', '确认删除', {\n type: \"warning\"\n }).then(response => {\n this.$request.delete('/goods/delete/' + id).then(res => {\n if (res.code === '200') {\n // 表示操作成功\n this.$message.success('操作成功');\n this.load(1);\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }).catch(() => {});\n },\n handleSelectionChange(rows) {\n // 当前选中的所有的行数据\n this.ids = rows.map(v => v.id); // [1,2]\n },\n\n delBatch() {\n // 批量删除\n if (!this.ids.length) {\n this.$message.warning('请选择数据');\n return;\n }\n this.$confirm('您确定批量删除这些数据吗？', '确认删除', {\n type: \"warning\"\n }).then(response => {\n this.$request.delete('/goods/delete/batch', {\n data: this.ids\n }).then(res => {\n if (res.code === '200') {\n // 表示操作成功\n this.$message.success('操作成功');\n this.load(1);\n } else {\n this.$message.error(res.msg); // 弹出错误的信息\n }\n });\n }).catch(() => {});\n },\n load(pageNum) {\n // 分页查询\n if (pageNum) this.pageNum = pageNum;\n this.$request.get('/goods/selectPage', {\n params: {\n pageNum: this.pageNum,\n pageSize: this.pageSize,\n name: this.name\n }\n }).then(res => {\n this.tableData = res.data?.list;\n this.total = res.data?.total;\n });\n },\n reset() {\n this.name = null;\n this.load(1);\n },\n handleCurrentChange(pageNum) {\n this.load(pageNum);\n },\n handleAvatarSuccess(response, file, fileList) {\n this.form.img = response.data;\n }\n }\n};","map":{"version":3,"names":["E","editor","initWangEditor","content","setTimeout","config","placeholder","uploadFileName","uploadImgServer","create","txt","html","name","data","tableData","pageNum","pageSize","total","fromVisible","editorVisible","form","user","JSON","parse","localStorage","getItem","rules","title","required","trigger","img","ids","typeData","viewData","created","load","loadType","methods","$request","get","then","res","code","$message","error","msg","handleAdd","status","warning","handleEdit","row","stringify","description","save","$refs","formRef","validate","valid","url","id","method","success","del","$confirm","type","response","delete","catch","handleSelectionChange","rows","map","v","delBatch","length","params","list","reset","handleCurrentChange","handleAvatarSuccess","file","fileList"],"sources":["src/views/manager/Goods.vue"],"sourcesContent":["\r\n \r\n
\r\n \r\n 查询\r\n 重置\r\n
\r\n\r\n
\r\n 发布商品\r\n 批量删除\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n 点击查看\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 编辑\r\n 删除\r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n\r\n
\r\n \r\n \r\n \r\n 上传图片\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n\r\n