define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'toastr'], function ($, undefined, Backend, Table, Form, Toastr) { var Controller = { index: function () { function debounce(handle, delay) { let time = null; return function () { let self = this, arg = arguments; clearTimeout(time); time = setTimeout(function () { handle.apply(self, arg); }, delay) } } var goodsIndex = new Vue({ el: "#goodsIndex", data() { return { goodsData: [], multipleSelection: [], chooseType: 0, activityType: 'all', activeStatus: 'all', searchKey: '', priceFrist: '', priceLast: '', sort: 'id', order: 'desc', offset: 0, limit: 10, totalPage: 0, currentPage: 1, rowDel: false, allDel: false, upStatus: true, allAjax: true, tableAjax: false } }, created() { this.getData(); }, methods: { getData() { let that = this; if (!that.allAjax) { that.tableAjax = true; } let dataAc = { search: that.searchKey, status: that.activeStatus, activity_type: that.activityType, min_price: that.priceFrist, max_price: that.priceLast, offset: that.offset, limit: that.limit, sort: that.sort, order: that.order, }; if (that.activityType == 'score') { dataAc = { search: that.searchKey, status: that.activeStatus, app_type: that.activityType, min_price: that.priceFrist, max_price: that.priceLast, offset: that.offset, limit: that.limit, sort: that.sort, order: that.order, }; } Fast.api.ajax({ url: 'shopro/goods/goods/index', loading: false, type: 'GET', data: dataAc }, function (ret, res) { that.goodsData = res.data.rows; that.goodsData.forEach(i => { i.showFlag = false; i.rowDel = false; }); that.totalPage = res.data.total; that.allAjax = false; that.tableAjax = false; return false; }, function (ret, res) { that.allAjax = false; that.tableAjax = false; }) }, tabOpt(tab, event) { this.activeStatus = tab.name }, goodsOpt(type, id) { let that = this; switch (type) { case 'create': Fast.api.open('shopro/goods/goods/add', '新增商品', { callback() { that.getData(); } }) break; case 'edit': Fast.api.open('shopro/goods/goods/edit/ids/' + id + "?id=" + id + "&type=edit", '编辑商品', { callback() { that.getData(); } }) break; case 'down': let idArr = [] if (that.multipleSelection.length > 0) { that.multipleSelection.forEach(i => { idArr.push(i.id) }) let idss = idArr.join(',') that.editStatus(idss, 'down') } break; case 'up': let idArrup = [] if (that.multipleSelection.length > 0) { that.multipleSelection.forEach(i => { idArrup.push(i.id) }) let idup = idArrup.join(',') that.editStatus(idup, 'up') } break; case 'del': let ids; if (id) { ids = id; } else { let idArr = [] if (that.multipleSelection.length > 0) { that.multipleSelection.forEach(i => { idArr.push(i.id) }) ids = idArr.join(',') } } if (ids) { that.$confirm('此操作将删除商品, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { Fast.api.ajax({ url: 'shopro/goods/goods/del/ids/' + ids, loading: true, type: 'POST', }, function (ret, res) { that.getData(); return false; }) }).catch(() => { that.$message({ type: 'info', message: '已取消删除' }); }); } break; case 'copy': Fast.api.open('shopro/goods/goods/edit/ids/' + id + "?id=" + id + "&type=copy", '商品详情', { callback() { that.getData(); } }) break; case 'filter': that.offset = 0; that.limit = 10; that.currentPage = 1; that.getData(); break; case 'clear': that.activityType = 'all'; that.priceFrist = ""; that.priceLast = ""; break; case 'recycle': Fast.api.open('shopro/goods/goods/recyclebin', '查看回收站') break; default: Fast.api.open('shopro/goods/goods/edit/ids/' + type.id + "?id=" + type.id + "&type=edit", '编辑商品', { callback() { that.getData(); } }) break; } }, hideup() { for (key in this.selectedRowId) { this.selectedRowId[key] = false; } }, sortOrder(sort, order) { this.sort = sort; this.order = order; this.getData(); }, handleSelectionChange(val) { this.multipleSelection = val; }, handleSizeChange(val) { this.offset = 0 this.limit = val; this.currentPage = 1; this.getData() }, handleCurrentChange(val) { this.currentPage = val; this.offset = (val - 1) * this.limit; this.getData() }, editStatus(id, type) { let that = this; Fast.api.ajax({ url: `shopro/goods/goods/setStatus/ids/${id}/status/${type}`, loading: true, }, function (ret, res) { that.getData(); return false; }) }, chooseOpt(type) { this.activityType = type }, isShoose() { this.chooseType == 0 ? 1 : 0; if (this.chooseType == 0) { this.activityType = 'all'; this.priceFrist = ""; this.priceLast = ""; } }, tableRowClassName({ rowIndex }) { if (rowIndex % 2 == 1) { return 'bg-color'; } return ''; }, tableCellClassName({ columnIndex }) { if (columnIndex == 2) { return 'cell-left'; } return ''; }, debounceFilter: debounce(function () { this.getData() }, 1000), }, watch: { activeStatus(newVal, oldVal) { if (newVal != oldVal) { this.offset = 0; this.limit = 10; this.currentPage = 1; this.getData(); } }, searchKey(newVal, oldVal) { if (newVal != oldVal) { this.offset = 0; this.limit = 10; this.currentPage = 1; this.debounceFilter(); } }, }, }) }, recyclebin: function () { // 初始化表格参数配置 Table.api.init({ extend: { 'dragsort_url': '' } }); var table = $("#table"); // 初始化表格 table.bootstrapTable({ url: 'shopro/goods/goods/recyclebin' + location.search, pk: 'id', sortName: 'deletetime', columns: [ [{ checkbox: true }, { field: 'id', title: __('Id') }, { field: 'title', title: __('Title'), align: 'left' }, { field: 'deletetime', title: __('Deletetime'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.datetime }, { field: 'operate', width: '130px', title: __('Operate'), table: table, events: Table.api.events.operate, buttons: [{ name: 'Restore', text: __('Restore'), classname: 'btn btn-xs btn-info btn-ajax btn-restoreit', icon: 'fa fa-rotate-left', url: 'shopro/goods/goods/restore', refresh: true }, { name: 'Destroy', text: __('Destroy'), classname: 'btn btn-xs btn-danger btn-ajax btn-destroyit', icon: 'fa fa-times', url: 'shopro/goods/goods/destroy', refresh: true } ], formatter: Table.api.formatter.operate } ] ] }); // 为表格绑定事件 Table.api.bindevent(table); }, add: function () { Controller.initAddEdit(null, null, [], []); }, edit: function () { let id, type window.location.search.replace("?", '').split('&').forEach(i => { if (i.split('=')[0] == 'id') { id = i.split('=')[1] } if (i.split('=')[0] == 'type') { type = i.split('=')[1] } }) Controller.initAddEdit(id, type, Config.skuList, Config.skuPrice); }, select: function () { function debounce(handle, delay) { let time = null; return function () { let self = this, arg = arguments; clearTimeout(time); time = setTimeout(function () { handle.apply(self, arg); }, delay) } } var goodsSelect = new Vue({ el: "#goodsSelect", data() { return { categoryData: [], searchWhere: '', goodsList: [], totalPage: 0, offset: 0, currentPage: 1, multiple: new URLSearchParams(location.search).get('multiple'), category_id: null, selectedIds: [] } }, mounted() { if (new URLSearchParams(location.search).get('ids')) { this.selectedIds = new URLSearchParams(location.search).get('ids').split(',') } this.getList(); this.categoryData = Config.category }, methods: { getList(id) { let that = this; let url = "shopro/goods/goods/select?status=up,hidden"; if (id) { url = 'shopro/goods/goods/select?status=up,hidden&category_id=' + id } Fast.api.ajax({ url: url, data: { limit: 10, offset: that.offset, search: that.searchWhere }, type: 'GET' }, function (ret, res) { that.goodsList = res.data.rows; that.goodsList.forEach(g => { that.$set(g, 'checked', false) }) let selectData = [] that.goodsList.forEach(g => { if (that.selectedIds.includes(g.id + '')) { selectData.push(g) } }) that.$nextTick(() => { selectData.forEach(row => { that.$refs.multipleTable.toggleRowSelection(row); }); }) that.totalPage = res.data.total; return false; }) }, singleSelectionChange(row) { this.selectedIds = [] this.selectedIds.push(row.id) this.goodsList.forEach(g => { if (g.id == row.id) { this.$set(g, 'checked', true) } else { this.$set(g, 'checked', false) } }) this.$forceUpdate() }, multipleSelectionChange(val) { val.forEach(g => { if (!this.selectedIds.includes(g.id + '')) { this.selectedIds.push(g.id + '') } }) }, SelectionChange(selection, row) { if (this.selectedIds.indexOf(row.id + '') != -1) { this.selectedIds.splice(this.selectedIds.indexOf(row.id + ''), 1) } }, changeClick(val) { this.currentPage = val; this.offset = 10 * (val - 1); if (this.category_id == null) { this.getList() } else { this.getList(this.category_id) } }, operation() { let that = this; let domain = window.location.origin; if (this.selectedIds.length == 0) { return false } let ids = this.multiple == 'true' ? this.selectedIds.join(',') : this.selectedIds[this.selectedIds.length - 1] Fast.api.ajax({ url: domain + '/addons/shopro/goods/lists?goods_ids=' + ids + "&per_page=999999999&type=all", loading: false, }, function (ret, res) { Fast.api.close({ data: that.multiple == 'true' ? res.data.data : res.data.data[0], }); return false; }, function () { return false; }) }, debounceFilter: debounce(function () { this.getList() }, 1000), showLeft(p, c, a, s) { if (p != null && a === null && c === null && s === null) { this.categoryData[p].show = !this.categoryData[p].show; } if (p != null && c != null && a == null && s === null) { this.categoryData[p].children[c].show = !this.categoryData[p].children[c].show; } if (p != null && c != null && a != null && s === null) { this.categoryData[p].children[c].children[a].show = !this.categoryData[p].children[c].children[a].show; } this.$forceUpdate(); }, selectCategoryLeft(p, c, a, s) { this.categoryData.forEach(i => { i.selected = false; if (i.children && i.children.length > 0) { i.children.forEach(j => { j.selected = false; if (j.children && j.children.length > 0) { j.children.forEach(k => { k.selected = false; if (k.children && k.children.length > 0) { k.children.forEach(l => { l.selected = false; }) } }) } }) } }) let category_id = null; if (p != null && a === null && c === null && s === null) { this.categoryData[p].selected = !this.categoryData[p].selected; category_id = this.categoryData[p].id } if (p != null && c != null && a == null && s === null) { this.categoryData[p].children[c].selected = !this.categoryData[p].children[c].selected; category_id = this.categoryData[p].children[c].id } if (p != null && c != null && a != null && s === null) { this.categoryData[p].children[c].children[a].selected = !this.categoryData[p].children[c].children[a].selected; category_id = this.categoryData[p].children[c].children[a].id } if (p != null && c != null && a != null && s != null) { this.categoryData[p].children[c].children[a].children[s].selected = !this.categoryData[p].children[c].children[a].children[s].selected; category_id = this.categoryData[p].children[c].children[a].children[s].id } this.category_id = category_id; this.offset = 0; this.getList(category_id) this.$forceUpdate(); }, }, watch: { searchWhere(newVal, oldVal) { if (newVal != oldVal) { this.offset = 0; this.currentPage = 1; this.categoryData.forEach(i => { i.selected = false; if (i.children && i.children.length > 0) { i.children.forEach(j => { j.selected = false; if (j.children && j.children.length > 0) { j.children.forEach(k => { k.selected = false; if (k.children && k.children.length > 0) { k.children.forEach(l => { l.selected = false; }) } }) } }) } }) this.debounceFilter(); } }, }, }) }, api: { bindevent: function () { Form.api.bindevent($("form[role=form]")); } }, initAddEdit: function (id, type, skuList, skuPrice) { Vue.directive('enterNumber', { inserted: function (el) { let changeValue = (el, type) => { const e = document.createEvent('HTMLEvents') e.initEvent(type, true, true) el.dispatchEvent(e) } el.addEventListener("keyup", function (e) { let input = e.target; let reg = new RegExp('^((?:(?:[1-9]{1}\\d*)|(?:[0]{1}))(?:\\.(?:\\d){0,2})?)(?:\\d*)?$'); let matchRes = input.value.match(reg); if (matchRes === null) { input.value = ""; } else { if (matchRes[1] !== matchRes[0]) { input.value = matchRes[1]; } } changeValue(input, 'input') }); } }); Vue.directive('positiveInteger', { inserted: function (el) { el.addEventListener("keypress", function (e) { e = e || window.event; let charcode = typeof e.charCode == 'number' ? e.charCode : e.keyCode; let re = /\d/; if (!re.test(String.fromCharCode(charcode)) && charcode > 9 && !e.ctrlKey) { if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; } } }); } }); //vue Sku添加页 添加规格和价格数据 var goodsDetail = new Vue({ el: "#goodsDetail", data() { return { editId: id, type: type, stepActive: 1, goodsDetail: {}, goodsDetailInit: { category_ids: '', content: '', dispatch_ids: '', express_ids: '', //单个数组 store_ids: '', selfetch_ids: '', autosend_ids: '', dispatch_type: '', expire_day: 0, //有效时间 image: '', images: '', is_sku: 0, original_price: '', params: '', params_arr: [], price: '', service_ids: '', show_sales: '', status: 'up', subtitle: '', title: '', type: 'normal', views: '', weigh: '', weight: '', stock: '', stock_warning_switch: false, stock_warning: null, sn: '', autosend_content: '' }, timeData: { images_arr: [], category_ids_arr: [], dispatch_type_arr: [], //类型 dispatch_ids_arr: [], //id数组 service_ids_arr: [], //服务 }, rules: { title: [{ required: true, message: '请输入商品标题', trigger: 'blur' }], subtitle: [{ required: true, message: '请输入商品副标题', trigger: 'blur' }], status: [{ required: true, message: '请选择商品状态', trigger: 'blur' }], image: [{ required: true, message: '请上传商品主图', trigger: 'change' }], images: [{ required: true, message: '请上传商品轮播图', trigger: 'change' }], category_ids: [{ required: true, message: '请选择商品分类', trigger: 'change' }], dispatch_type: [{ required: true, message: '请选择配送方式', trigger: 'blur' }], dispatch_ids: [{ required: true, message: '请选择运费模板', trigger: 'blur' }], express_ids: [{ required: true, message: '请选择运费模板', trigger: 'blur' }], store_ids: [{ required: true, message: '请选择配送模板', trigger: 'blur' }], selfetch_ids: [{ required: true, message: '请选择自提模板', trigger: 'blur' }], autosend_ids: [{ required: true, message: '请选择发货模板', trigger: 'blur' }], is_sku: [{ required: true, message: '请选择商品规格', trigger: 'blur' }], price: [{ required: true, message: '请输入价格', trigger: 'blur' }], original_price: [{ required: true, message: '请输入划线价格', trigger: 'blur' }], // weight: [{ // required: true, // message: '请输入重量', // trigger: 'blur' // }], stock: [{ required: true, message: '请输入库存', trigger: 'blur' }], service_ids: [{ required: true, message: '请选择服务标签', trigger: 'blur' }] }, mustDel: ['express_ids', 'store_ids', 'selfetch_ids', 'autosend_ids'], //选择分类 categoryOptions: [], //服务 serviceOptions: [], dispatchType: [], dispatchOptions: {}, upload: Config.moduleurl, editor: null, //多规格 skuList: [], skuPrice: [], skuListData: '', skuPriceData: '', skuModal: '', childrenModal: [], countId: 1, allEditSkuName: '', isEditInit: false, // 编辑时候初始化是否完成 isResetSku: 0, allEditPopover: { price: false, stock: false, stock_warning: false, weight: false, sn: false, }, allEditDatas: "", allstock_warning_switch: false, visible: false, visibless: '', activeName: null, activeIndex: null, defaultProps: { children: 'children', label: 'name' }, selectedcatArr: [] } }, mounted() { this.getServiceOptions(); this.getDispatchType(); if (this.editId) { this.goodsDetail = JSON.parse(JSON.stringify(this.goodsDetailInit)); this.getCategoryOptions(true); } else { this.getCategoryOptions(); this.goodsDetail = JSON.parse(JSON.stringify(this.goodsDetailInit)); this.getInit([], []) this.$nextTick(() => { Controller.api.bindevent(); }); } }, methods: { handleClickss(tab) { this.activeIndex = Number(tab.index) }, createCategory() { let that = this; Fast.api.open("shopro/category/index", "新建", { callback(data) { that.getCategoryOptions(); } }); }, panelChange(val) { let that = this; that.selectedcatArr = []; let nameArr = [] let idsArr = [] if (val.length > 0) { val.forEach(j => { let arr = [] if (j.length == 1) { that.categoryOptions[that.activeIndex].children.forEach(c => { if (c.id == j[0]) { arr.push(c.name) } }) } else if (j.length == 2) { that.categoryOptions[that.activeIndex].children.forEach(c => { if (c.id == j[0]) { arr.push(c.name) c.children.forEach(a => { if (a.id == j[1]) { arr.push(a.name) } }) } }) } else if (j.length == 3) { that.categoryOptions[that.activeIndex].children.forEach(c => { if (c.id == j[0]) { arr.push(c.name) c.children.forEach(a => { if (a.id == j[1]) { arr.push(a.name) a.children.forEach(t => { if (t.id == j[2]) { arr.push(t.name) } }) } }) } }) } nameArr.push({ label: arr.join('/'), }) idsArr.push(j[j.length - 1]) }) } that.selectedcatArr = nameArr; that.goodsDetail.category_ids = idsArr.join(','); }, closeTag(val) { this.timeData.category_ids_arr.splice(val, 1); this.selectedcatArr.splice(val, 1) let idsArr = [] this.timeData.category_ids_arr.forEach(j => { idsArr.push(j[j.length - 1]) }) this.goodsDetail.category_ids = idsArr.join(','); this.panelChange(this.timeData.category_ids_arr) this.$forceUpdate() }, createTemplate(type) { let that = this; if (type == 'service') { Fast.api.open("shopro/goods/service/add", "新建"); } else { Fast.api.open("shopro/dispatch/" + type + "/add", "新建", { callback(data) { if (data.data) { that.getDispatchTemplateData(type, 'create'); //TODO 判断type } } }); } }, getInit(skuList, skuPrice) { // 记录每个规格项真实 id，对应的临时 id let tempIdArr = {}; for (let i in skuList) { // 为每个 规格增加当前页面自增计数器，比较唯一用 skuList[i]['temp_id'] = this.countId++ for (let j in skuList[i]['children']) { // 为每个 规格项增加当前页面自增计数器，比较唯一用 skuList[i]['children'][j]['temp_id'] = this.countId++ // 记录规格项真实 id 对应的 临时 id tempIdArr[skuList[i]['children'][j]['id']] = skuList[i]['children'][j]['temp_id'] } } // for (let i in skuPrice) { for (var i = 0; i < skuPrice.length; i++) { let tempSkuPrice = skuPrice[i] tempSkuPrice['temp_id'] = i + 1 // 将真实 id 数组，循环，找到对应的临时 id 组合成数组 tempSkuPrice['goods_sku_temp_ids'] = []; let goods_sku_id_arr = tempSkuPrice['goods_sku_ids'].split(','); for (let ids of goods_sku_id_arr) { tempSkuPrice['goods_sku_temp_ids'].push(tempIdArr[ids]) } skuPrice[i] = tempSkuPrice } if (this.type == 'copy') { for (let i in skuList) { // 为每个 规格增加当前页面自增计数器，比较唯一用 skuList[i].id = 0; for (let j in skuList[i]['children']) { skuList[i]['children'][j].id = 0; } } } if (skuPrice.length > 0) { skuPrice.forEach(si => { si.stock_warning_switch = false if (si.stock_warning || si.stock_warning == 0) { si.stock_warning_switch = true } }) } this.skuList = skuList; this.skuPrice = skuPrice; setTimeout(() => { // 延迟触发更新下面列表 this.isEditInit = true; }, 200) }, getEditData() { let that = this; Fast.api.ajax({ url: 'shopro/goods/goods/detail/ids/' + that.editId, loading: true, }, function (ret, res) { for (key in that.goodsDetail) { if (res.data.detail[key]) { that.goodsDetail[key] = res.data.detail[key] } else { that.goodsDetail.express_ids = res.data.detail.dispatch_group_ids_arr.express ? res.data.detail.dispatch_group_ids_arr.express : ''; that.goodsDetail.store_ids = res.data.detail.dispatch_group_ids_arr.store ? res.data.detail.dispatch_group_ids_arr.store : ''; that.goodsDetail.selfetch_ids = res.data.detail.dispatch_group_ids_arr.selfetch ? res.data.detail.dispatch_group_ids_arr.selfetch : ''; that.goodsDetail.autosend_ids = res.data.detail.dispatch_group_ids_arr.autosend ? res.data.detail.dispatch_group_ids_arr.autosend : ''; } } for (key in that.timeData) { if (res.data.detail[key]) { that.timeData[key] = res.data.detail[key] } } let activeId = '' that.timeData.category_ids_arr.forEach(i => { activeId = i[0]; i.splice(0, 1) }) if (that.categoryOptions.length > 0) { that.categoryOptions.forEach((j, index) => { if (j.id == activeId) { that.activeName = j.name; that.activeIndex = index; } }) } let nameArr = []; that.selectedcatArr = [] if (that.timeData.category_ids_arr.length > 0) { that.timeData.category_ids_arr.forEach(j => { let arr = [] if (j.length == 1) { that.categoryOptions[that.activeIndex].children.forEach(c => { if (c.id == j[0]) { arr.push(c.name) } }) } else if (j.length == 2) { that.categoryOptions[that.activeIndex].children.forEach(c => { if (c.id == j[0]) { arr.push(c.name) c.children.forEach(a => { if (a.id == j[1]) { arr.push(a.name) } }) } }) } else if (j.length == 3) { that.categoryOptions[that.activeIndex].children.forEach(c => { if (c.id == j[0]) { arr.push(c.name) c.children.forEach(a => { if (a.id == j[1]) { arr.push(a.name) a.children.forEach(t => { if (t.id == j[2]) { arr.push(t.name) } }) } }) } }) } nameArr.push({ label: arr.join('/'), }) }) } that.selectedcatArr = nameArr; that.timeData.dispatch_type_arr.forEach(i => { that.getDispatchTemplateData(i, 'edit'); }) that.getInit(res.data.skuList, res.data.skuPrice); Controller.api.bindevent(); $('#c-content').html(res.data.detail.content) // 库存预警 that.goodsDetail.stock_warning = res.data.detail.stock_warning if (that.goodsDetail.stock_warning || that.goodsDetail.stock_warning == 0) { that.goodsDetail.stock_warning_switch = true } return false; }) }, submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { let that = this; let arrForm = JSON.parse(JSON.stringify(that.goodsDetail)); let params_arrflg = true; arrForm.params_arr.forEach(i => { for (key in i) { if (!i[key]) { params_arrflg = false; } } }) if (!params_arrflg) { Toastr.error('参数详情未填写完整'); return false; } arrForm.params = JSON.stringify(arrForm.params_arr); arrForm.content = $("#c-content").val(); var arrids = [] // 发货模板id if (arrForm.type == 'normal') { if (arrForm.dispatch_type.indexOf('express') != -1 && arrForm.express_ids != '') { arrids.push(arrForm.express_ids); } if (arrForm.dispatch_type.indexOf('store') != -1 && arrForm.store_ids != '') { arrids.push(arrForm.store_ids); } if (arrForm.dispatch_type.indexOf('selfetch') != -1 && arrForm.selfetch_ids != '') { arrids.push(arrForm.selfetch_ids); } arrForm.dispatch_ids = arrids.join(",") } else { if (arrForm.dispatch_type == 'selfetch' && arrForm.selfetch_ids != '') { arrids = [] arrids.push(arrForm.selfetch_ids); } else if (arrForm.dispatch_type == 'autosend' && arrForm.autosend_ids != '') { arrids = [] arrids.push(arrForm.autosend_ids); } } arrForm.dispatch_ids = arrids.join(",") that.mustDel.forEach(i => { delete arrForm[i] }) let submitSkuList = [] let submitSkuPrice = [] if (arrForm.is_sku == 0) { // 库存预警 if (!arrForm.stock_warning_switch) { arrForm.stock_warning = null; } delete arrForm.stock_warning_switch } else { submitSkuList = JSON.parse(JSON.stringify(that.skuList)) submitSkuPrice = JSON.parse(JSON.stringify(that.skuPrice)) submitSkuPrice.forEach(s => { if (!s.stock_warning_switch) { s.stock_warning = null } delete s.stock_warning_switch }) } if (that.editId && that.type == 'edit') { Fast.api.ajax({ url: 'shopro/goods/goods/edit/ids/' + that.editId, loading: true, data: { row: arrForm, sku: { listData: JSON.stringify(submitSkuList), priceData: JSON.stringify(submitSkuPrice) } } }, function (ret, res) { Fast.api.close(); }) } else { if (this.type == 'copy') { delete arrForm.id } Fast.api.ajax({ url: 'shopro/goods/goods/add', loading: true, data: { row: arrForm, sku: { listData: JSON.stringify(submitSkuList), priceData: JSON.stringify(submitSkuPrice) } } }, function (ret, res) { Fast.api.close(); }) } } else { return false; } }); }, resetForm(formName) { this.$refs[formName].resetFields(); }, addImg(type, index, multiple) { let that = this; parent.Fast.api.open("general/attachment/select?multiple=" + multiple, "选择图片", { callback: function (data) { switch (type) { case "image": that.goodsDetail.image = data.url; break; case "images": that.goodsDetail.images = that.goodsDetail.images ? that.goodsDetail.images + ',' + data.url : data.url; let arrs = that.goodsDetail.images.split(','); if (arrs.length > 9) { that.timeData.images_arr = arrs.slice(-9) } else { that.timeData.images_arr = arrs } that.goodsDetail.images = that.timeData.images_arr.join(','); break; case "sku": that.skuPrice[index].image = data.url; break; } } }); return false; }, delImg(type, index) { let that = this; switch (type) { case "image": that.goodsDetail.image = ''; break; case "images": that.timeData.images_arr.splice(index, 1); that.goodsDetail.images = that.timeData.images_arr.join(","); break; case "sku": that.skuPrice[index].image = ''; break; } }, imagesDrag(){ this.goodsDetail.images = this.timeData.images_arr.join(","); }, changeGoodsType(type) { this.goodsDetail.type = type; this.goodsDetail.dispatch_ids_arr = []; this.goodsDetail.dispatch_ids = ''; this.goodsDetail.dispatch_type_arr = []; this.goodsDetail.dispatch_type = ''; this.timeData.dispatch_type_arr = [] this.goodsDetail.express_ids = '' this.goodsDetail.store_ids = '' this.goodsDetail.selfetch_ids = '' }, categoryChange(val) { this.goodsDetail.category_ids = val.join(','); }, serviceChange(val) { this.goodsDetail.service_ids = val.join(','); }, dispatchTypeChange(val) { this.goodsDetail.dispatch_type = val.join(','); }, dispatchTypeChanger(val) { this.goodsDetail.dispatch_type = val; this.getDispatchTemplateData(val, 'virtual'); }, getDispatchTemplateData(type, fristEdit) { let that = this; if (this.goodsDetail.dispatch_type.indexOf(type) == -1 || fristEdit == 'edit' || fristEdit == 'virtual' || fristEdit == 'create') { Fast.api.ajax({ url: 'shopro/dispatch/dispatch/select/type/' + type, loading: false, type: 'GET', }, function (ret, res) { that.$set(that.dispatchOptions, type, res.data) return false; }) } }, getCategoryOptions(form) { let that = this; Fast.api.ajax({ url: 'shopro/category/index', loading: false, }, function (ret, res) { that.categoryOptions = res.data; if (that.categoryOptions.length > 0) { if (that.activeName && that.activeIndex) { } else { that.activeName = that.categoryOptions[0].name that.activeIndex = 0; } that.categoryOptions.forEach(i => { if (i.children && i.children.length > 0) { i.children.forEach(j => { if (j.children && j.children.length > 0) { j.children.forEach(k => { if (k.children && k.children.length > 0) { k.children.forEach(g => { }) } else { delete k.children; } }) } else { delete j.children; } }) } else { delete i.children; } }) } if (form) { that.getEditData() } return false; }) }, getDispatchType() { let that = this; Fast.api.ajax({ url: 'shopro/dispatch/dispatch/typeList', loading: false, }, function (ret, res) { let arr = [] for (key in res.data) { arr.push({ id: key, name: res.data[key] }) } that.dispatchType = arr; return false; }) }, getServiceOptions() { let that = this; Fast.api.ajax({ url: 'shopro/goods/service/all', loading: false, }, function (ret, res) { that.serviceOptions = res.data return false; }) }, gotoback(formName) { this.$refs[formName].validate((valid) => { if (valid) { this.stepActive++; } else { return false; } }); }, gonextback() { this.stepActive--; }, addParams() { this.goodsDetail.params_arr.push({ title: '', content: '' }) }, delParams(index) { this.goodsDetail.params_arr.splice(index, 1) }, //添加主规格 addMainSku() { // if (this.skuModal !== '') { this.skuList.push({ id: 0, temp_id: this.countId++, name: this.skuModal, pid: 0, children: [] }) this.skuModal = ''; // this.skuPrice = [] // 新添加的主规格不清空 skuPrice,当添加主规格第一个子规格的时候清空 this.buildSkuPriceTable() // } }, //添加子规格 addChildrenSku(k) { // if (this.childrenModal[k] !== '') { // 检测当前子规格是否已经被添加过了 let isExist = false this.skuList[k].children.forEach(e => { if (e.name == this.childrenModal[k] && e.name != "") { isExist = true } }) if (isExist) { Toastr.error('子规格已存在'); return false; } this.skuList[k].children.push({ id: 0, temp_id: this.countId++, name: this.childrenModal[k], pid: this.skuList[k].id, }) this.childrenModal[k] = ''; // 如果是添加的第一个子规格，清空 skuPrice if (this.skuList[k].children.length == 1) { this.skuPrice = [] // 规格大变化，清空skuPrice this.isResetSku = 1; // 重置规格 } this.buildSkuPriceTable() // } }, //删除主规格 deleteMainSku(k) { let data = this.skuList[k] // 删除主规格 this.skuList.splice(k, 1) // 如果当前删除的主规格存在子规格，则清空 skuPrice， 不存在子规格则不清空 if (data.children.length > 0) { this.skuPrice = [] // 规格大变化，清空skuPrice this.isResetSku = 1; // 重置规格 } this.buildSkuPriceTable() }, //删除子规格 deleteChildrenSku(k, i) { let data = this.skuList[k].children[i] this.skuList[k].children.splice(i, 1) // 查询 skuPrice 中包含被删除的的子规格的项，然后移除 let deleteArr = [] this.skuPrice.forEach((item, index) => { item.goods_sku_text.forEach((e, i) => { if (e == data.name) { deleteArr.push(index) } }) }) deleteArr.sort(function (a, b) { return b - a; }) // 移除有相关子规格的项 deleteArr.forEach((i, e) => { this.skuPrice.splice(i, 1) }) // 当前规格项，所有子规格都被删除，清空 skuPrice if (this.skuList[k].children.length <= 0) { this.skuPrice = [] // 规格大变化，清空skuPrice this.isResetSku = 1; // 重置规格 } this.buildSkuPriceTable() }, editStatus(i) { if (this.skuPrice[i].status == 'up') { this.skuPrice[i].status = 'down' } else { this.skuPrice[i].status = 'up' } }, //组合新的规格价格库存重量编码图片 buildSkuPriceTable() { let arr = []; //遍历sku子规格生成新数组，然后执行递归笛卡尔积 this.skuList.forEach((s1, k1) => { let children = s1.children; let childrenIdArray = []; if (children.length > 0) { children.forEach((s2, k2) => { childrenIdArray.push(s2.temp_id); }) // 如果 children 子规格数量为 0,则不渲染当前规格, （相当于没有这个主规格） arr.push(childrenIdArray); } }) this.recursionSku(arr, 0, []); }, //递归找笛卡尔规格集合 recursionSku(arr, k, temp) { if (k == arr.length && k != 0) { let tempDetail = [] let tempDetailIds = [] temp.forEach((item, index) => { for (let sku of this.skuList) { for (let child of sku.children) { if (item == child.temp_id) { tempDetail.push(child.name) tempDetailIds.push(child.temp_id) } } } }) let flag = false // 默认添加新的 for (let i = 0; i < this.skuPrice.length; i++) { if (this.skuPrice[i].goods_sku_temp_ids.join(',') == tempDetailIds.join(',')) { flag = i break; } } if (flag === false) { this.skuPrice.push({ id: 0, temp_id: this.skuPrice.length + 1, goods_sku_ids: '', goods_id: 0, weigh: 0, image: '', stock: 0, stock_warning: null, stock_warning_switch: false, price: 0, sn: '', weight: 0, status: 'up', goods_sku_text: tempDetail, goods_sku_temp_ids: tempDetailIds, }); } else { this.skuPrice[flag].goods_sku_text = tempDetail this.skuPrice[flag].goods_sku_temp_ids = tempDetailIds } return; } if (arr.length) { for (let i = 0; i < arr[k].length; i++) { temp[k] = arr[k][i] this.recursionSku(arr, k + 1, temp) } } }, allEditData(type, opt) { switch (opt) { case 'define': this.skuPrice.forEach(i => { if (type == 'stock_warning') { if (this.allstock_warning_switch) { i.stock_warning_switch = true if (this.allEditDatas) { i[type] = this.allEditDatas } else { i[type] = 0 } } else { i.stock_warning_switch = false if (i.stock_warning_switch) { i[type] = this.allEditDatas } else { i[type] = null } } } else { i[type] = this.allEditDatas; } }) this.allEditDatas = '' this.allEditPopover[type] = false; this.allstock_warning_switch = false; break; case 'cancel': this.allEditDatas = '' this.allEditPopover[type] = false; this.allstock_warning_switch = false; break; } }, changeStockWarningSwitch(type, index) { // 0是单规格 1是多规格 if (type == 0) { this.goodsDetail.stock_warning = this.goodsDetail.stock_warning_switch ? 0 : null } else if (type == 1) { this.skuPrice[index].stock_warning = this.skuPrice[index].stock_warning_switch ? 0 : null } } }, watch: { stepActive(newVal) { this.editor = null; }, skuList: { handler(newName, oldName) { if (this.isEditInit) { // 编辑初始化的时候会修改 skuList 但这时候不触发更新 this.buildSkuPriceTable(); } }, deep: true } }, }) } }; return Controller; });