diff --git a/src/views/modules/shop/smallstore.vue b/src/views/modules/shop/smallstore.vue index ec87c84..4c1fce4 100644 --- a/src/views/modules/shop/smallstore.vue +++ b/src/views/modules/shop/smallstore.vue @@ -1,9 +1,19 @@ @@ -107,19 +180,19 @@ export default { deleteShop: "/master/shopStore/delStore", saveShop: "/master/shopStore/saveOrUpdateStore", add: "/master/shopStore/saveOrUpdateStore", - getAssociatedGoodsList: "/master/shopStore/getStoreProductList", + getAssociatedGoodsList: "/master/shopStore/getStoreProductList" }, - oprateType:"yingxiao", // yingxiao：类型是营销 fenlei:类型是分类 + oprateType: "yingxiao", // yingxiao：类型是营销 fenlei:类型是分类 addForm: {}, isFresh: false, dataRule: { name: [ { required: true, - message: "小店名称不能为空", + message: "小店名称不能为空" // trigger: "change", - }, - ], + } + ] }, currentNode: {}, treeDataList: [], @@ -134,10 +207,10 @@ export default { isBreak: false, //是否结束循环 defaultProps: { children: "children", - label: "title", + label: "title" }, dataForm: { - key: "", + key: "" }, dataList: [], pageIndex: 1, @@ -146,46 +219,46 @@ export default { dataListLoading: false, dataListSelections: [], addOrUpdateVisible: false, - fileList:[], - refreshImg:true, - fimages:"" + fileList: [], + refreshImg: true, + fimages: "" }; }, components: { AddOrUpdate, commonShop, commonTree, - commonShopTable, + commonShopTable }, watch: { filterText(val) { this.$refs.tree.filter(val); - }, + } }, activated() { this.isEdit = false; this.getDataList(); }, methods: { - // handlePictureCardPreview(file) { + // handlePictureCardPreview(file) { // // this.addForm.images = file.url; // this.fimages = file.url; // this.$message.success("上传成功"); // //this.refreshImg = true // console.log(this.addForm) // // this.dialogVisible = true; - // }, - delImg(){ - this.fimages = '' - this.addForm.images = ''; - }, + // }, + delImg() { + this.fimages = ""; + this.addForm.images = ""; + }, handlePicSuccess(res, file) { // console.log(res,'res') // if (res.msg == "success") { - this.fimages = res.url; - this.addForm.images = res.url - this.$message.success("上传成功"); - console.log(this.fimages,this.addForm.images,'上传') + this.fimages = res.url; + this.addForm.images = res.url; + this.$message.success("上传成功"); + console.log(this.fimages, this.addForm.images, "上传"); // } else { // this.$message.error("上传失败"); // } @@ -202,29 +275,29 @@ export default { // this.$refs.commonShop.handleCheckAllChange(val); // }); // }, - handleSubmitShopTable: debounce(async function (ids) { + handleSubmitShopTable: debounce(async function(ids) { await this.$http({ url: this.$http.adornUrl(`${this.urlList.saveShop}`), method: "post", data: this.$http.adornData({ productId: ids, - bookMarketId: this.addForm.id, - }), + bookMarketId: this.addForm.id + }) }).then(async ({ data }) => { if (data && data.code === 0) { this.$message.success(data.msg); if (this.$refs.commonShop) { - if(addForm.id != ''){ + if (addForm.id != "") { // console.log(addForm.id,'addForm.id') this.$refs.commonShop.getAssociatedGoodsList({ - bookMarketId: this.addForm.id, + bookMarketId: this.addForm.id }); } - } - if (this.$refs.commonShopTable) { - this.$refs.commonShopTable.close(); - } + } + if (this.$refs.commonShopTable) { + this.$refs.commonShopTable.close(); + } } else { this.$message.error(data.msg); } @@ -241,10 +314,10 @@ export default { this.$nextTick(() => { if (e == 1) { if (this.$refs.commonShop) { - this.$refs.commonShop.getAssociatedGoodsList({ - bookMarketId: this.addForm.id ? this.addForm.id : null, - }); - } + this.$refs.commonShop.getAssociatedGoodsList({ + bookMarketId: this.addForm.id ? this.addForm.id : null + }); + } } }); }, @@ -254,48 +327,47 @@ export default { this.isEdit = false; this.isFresh = true; console.log("🚀 ~ getCommonShopDataList ~ type, id:", type, id); - this.currentNode = { data: { ...form } } + this.currentNode = { data: { ...form } }; this.addForm = form; - this.fimages = form.images + this.fimages = form.images; await this.getDataList(); // this.$refs.commonTree.setCurrentNodeShow(); this.$nextTick(() => { // this.$refs.commonShop.clear(); - // this.$refs.commonShop.bookMarketId = null; - if (this.$refs.commonShop && id) { + // this.$refs.commonShop.bookMarketId = null; + if (this.$refs.commonShop && id) { this.$refs.commonShop.getAssociatedGoodsList(form); - } + } }); }, //新增修改 - dataFormSubmit: debounce(async function (formName) { + dataFormSubmit: debounce(async function(formName) { // return false if (this.addForm.name == "" || !this.addForm.name) { - this.$message.error("请输入小店名称"); return false; } - var form={...this.addForm} - delete form.children - await this.$refs[formName].validate(async (valid) => { + var form = { ...this.addForm }; + delete form.children; + await this.$refs[formName].validate(async valid => { if (valid) { await this.$http({ url: this.$http.adornUrl(`${this.urlList.add}`), method: "post", data: this.$http.adornData({ - ...form, - }), + ...form + }) }).then(async ({ data }) => { - if (data && data.code === 0) { + if (data && data.code === 0) { await this.getDataList(); this.$nextTick(async () => { this.$refs.commonTree.setCurrentNodeShow(data.result.id); this.addForm = data.result; - this.currentNode = { data: { ...data.result } } - this.fimages= data.result.images + this.currentNode = { data: { ...data.result } }; + this.fimages = data.result.images; // this.currentNode = { data: { ...data.list } } this.$message({ message: "操作成功", @@ -303,7 +375,7 @@ export default { duration: 1500, onClose: () => { this.visible = false; - }, + } }); }); } else { @@ -314,12 +386,16 @@ export default { }); }, 200), //删除关联商品 - dataFormDelete: debounce(async function (row, deleteType) { - this.$confirm(`确定要删除${deleteType != 'all' ? '该' : '所有'}关联商品嘛?`, "提示", { - confirmButtonText: "确定", - cancelButtonText: "取消", - type: "warning" - }) + dataFormDelete: debounce(async function(row, deleteType) { + this.$confirm( + `确定要删除${deleteType != "all" ? "该" : "所有"}关联商品嘛?`, + "提示", + { + confirmButtonText: "确定", + cancelButtonText: "取消", + type: "warning" + } + ) .then(async () => { // var lableIds = row[0].bookLabelId // var productIds = row.map(e => e.productId) @@ -332,15 +408,13 @@ export default { // this.$message.error("请选择已关联的商品"); // return false; // } - + this.$refs.commonShop.dataListLoading = true; await this.$http({ - url: this.$http.adornUrl( - `${this.urlList.delete}` - ), + url: this.$http.adornUrl(`${this.urlList.delete}`), method: "post", data: { - id:row[0].id + id: row[0].id }, header: { //默认 无 说明：请求头 @@ -349,29 +423,27 @@ export default { }).then(async ({ data }) => { if (data && data.code === 0) { this.$message.success("删除成功"); - } else { this.$message.error(data.msg); - }this.$nextTick(() => { - // this.$refs.commonShop.selectShopArr = []; - if (this.$refs.commonShop) { - this.$refs.commonShop.getAssociatedGoodsList({ - bookLabelId: this.addForm.id, - }); - } - - }); + } + this.$nextTick(() => { + // this.$refs.commonShop.selectShopArr = []; + if (this.$refs.commonShop) { + this.$refs.commonShop.getAssociatedGoodsList({ + bookLabelId: this.addForm.id + }); + } + }); }); }) - .catch(() => { }); - + .catch(() => {}); }, 200), setCheckedKeys() { this.$refs.tree.setCheckedKeys([0]); }, changeCurrentNode(val) { this.changeCurrentNode = val; - this.$forceUpdate() + this.$forceUpdate(); }, handlereset() { this.currentNode = null; @@ -416,12 +488,12 @@ export default { }, addOrUpdateHandle() { var addform = { - images: 0, + images: 0, sort: 0, name: "", - id:null + id: null }; - this.handleClickNodes({ data: addform }, addform, "add"); + this.handleClickNodes({ data: addform }, addform, "add"); }, filterNode(value, data) { @@ -522,10 +594,10 @@ export default { const children = parent.data.nodes || parent.data; //若parent.data是对象，操作的是子级；如果是数组，操作的是最外层 if (Array.isArray(parent.data)) { - const parentIndex = parent.data.findIndex((d) => d.id === data.id); + const parentIndex = parent.data.findIndex(d => d.id === data.id); parent.data.splice(parentIndex, 1); } else { - const childIndex = children.findIndex((d) => d.id === data.id); + const childIndex = children.findIndex(d => d.id === data.id); children.splice(childIndex, 1); } this.curNode = undefined; @@ -546,7 +618,7 @@ export default { return; } - let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) => + let id = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => ( c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4))) @@ -558,7 +630,7 @@ export default { nodes: [], id: id, typeName: "模板组", - temporaryData: "1", //用来区分临时数据 + temporaryData: "1" //用来区分临时数据 }; /* 如果模版深度最多两层，以下条件改成该部分注释 this.curNode && this.curNode.depth == 1 @@ -658,7 +730,7 @@ export default { this.isUpdateGroup = false; const parent = node.parent; const children = parent.data.nodes || parent.data; - const index = children.findIndex((d) => d.id === data.id); + const index = children.findIndex(d => d.id === data.id); let temp = data; temp.text = this.isactTitle; children.splice(index, 1, temp); @@ -680,8 +752,8 @@ export default { url: this.$http.adornUrl(this.urlList.treeList), method: "post", data: this.$http.adornData({ - "current": 1, - "limit": 10 + current: 1, + limit: 10 }) }).then(({ data }) => { console.log("🚀 ~ getDataList ~ data:", data); @@ -709,7 +781,7 @@ export default { // 多选 selectionChangeHandle(val) { this.dataListSelections = val; - }, + } // // 新增 / 修改 // addOrUpdateHandle(row) { // this.addOrUpdateVisible = true; @@ -717,35 +789,45 @@ export default { // this.$refs.addOrUpdate.init(row); // }); // }, - }, + } };