@ -0,0 +1,14 @@
|
||||
import {
|
||||
request
|
||||
} from "@/utils/request";
|
||||
|
||||
export default {
|
||||
uploadImage(data) {
|
||||
return request({
|
||||
url: "/admin/system/uploadImage",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
};
|
||||
@ -0,0 +1,41 @@
|
||||
import {
|
||||
request
|
||||
} from "@/utils/request";
|
||||
|
||||
export default {
|
||||
list(data) {
|
||||
return request({
|
||||
url: "/admin/goods/goodsList",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
goodsEditAttribute(data) {
|
||||
return request({
|
||||
url: "/admin/goods/goodsEditAttribute",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
classify: {
|
||||
list(data) {
|
||||
return request({
|
||||
url: "/admin/classify/list",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
freightRules(data) {
|
||||
return request({
|
||||
url: "/admin/freightRules/list",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
};
|
||||
@ -0,0 +1,16 @@
|
||||
import {
|
||||
request
|
||||
} from "@/utils/request";
|
||||
|
||||
export default {
|
||||
dataCount: {
|
||||
oneLine(data) {
|
||||
return request({
|
||||
url: "/admin/dataCount/oneLine",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
}
|
||||
|
||||
};
|
||||
@ -0,0 +1,56 @@
|
||||
import {
|
||||
request
|
||||
} from "@/utils/request";
|
||||
|
||||
export default {
|
||||
orderList(data) {
|
||||
return request({
|
||||
url: "/admin/order/orderList",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
orderSend(data) {
|
||||
return request({
|
||||
url: "/admin/order/orderSend",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
GetExpressList(data) {
|
||||
return request({
|
||||
url: "/admin/order/GetExpressList",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
printOrder(data) {
|
||||
return request({
|
||||
url: "/admin/order/printOrder",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
updateNotes(data) {
|
||||
return request({
|
||||
url: "/admin/order/updateNotes",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
confirmCancel(data) {
|
||||
return request({
|
||||
url: "/admin/order/confirmCancel",
|
||||
method: "POST",
|
||||
data,
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,100 @@
|
||||
<template>
|
||||
<view class="myTable">
|
||||
<wd-toast />
|
||||
<kevyloading v-if="loading" type="bsm-loader" color="#618af8" transparent></kevyloading>
|
||||
<scroll-view scroll-y="true" class="scroll-Y" @scrolltolower="lower">
|
||||
<slot :list="list"></slot>
|
||||
|
||||
<view v-if="list.length == 0">
|
||||
<wd-status-tip image="search" tip="当前查询无结果" />
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import kevyloading from "@/components/kevy-loading/kevy-loading";
|
||||
import { useToast } from '@/uni_modules/wot-design-uni'
|
||||
const toast = useToast()
|
||||
const props = defineProps({
|
||||
apiObj: {
|
||||
type: Function,
|
||||
default: () => (() => { })
|
||||
},
|
||||
params: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
|
||||
const query = ref({
|
||||
page: 1,
|
||||
pageSize: 20
|
||||
})
|
||||
|
||||
const loading = ref(false)
|
||||
const total = ref(0)
|
||||
const list = ref([])
|
||||
|
||||
const getData = async () => {
|
||||
console.log(getData);
|
||||
|
||||
loading.value = true
|
||||
const res = await props.apiObj({
|
||||
...query.value,
|
||||
...props.params
|
||||
})
|
||||
|
||||
if (res.data.rows.length) {
|
||||
query.value.pageSize = res.data.pageSize
|
||||
total.value = res.data.total
|
||||
list.value = [...list.value, ...res.data.rows]
|
||||
} else {
|
||||
toast.success('全部加载完了')
|
||||
}
|
||||
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
getData()
|
||||
|
||||
const upData = async (upParams = {}) => {
|
||||
loading.value = true
|
||||
query.value.page = 1
|
||||
query.value.pageSize = 20
|
||||
|
||||
const res = await props.apiObj({
|
||||
...query.value,
|
||||
...props.params,
|
||||
...upParams
|
||||
})
|
||||
|
||||
console.log({
|
||||
...query.value,
|
||||
...props.params,
|
||||
...upParams
|
||||
});
|
||||
|
||||
query.value.pageSize = res.data.pageSize
|
||||
total.value = res.data.total
|
||||
list.value = res.data.rows
|
||||
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
const lower = e => {
|
||||
query.value.page++
|
||||
getData()
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
upData
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.scroll-Y {
|
||||
height: calc(100vh - 120px);
|
||||
}
|
||||
</style>
|
||||
@ -1,26 +1,82 @@
|
||||
<template>
|
||||
<view class="myTable">
|
||||
<wd-pagination v-model="value" :total="total" :page-size="page" @change="handleChange" show-icon show-message />
|
||||
<kevyloading v-if="loading" type="bsm-loader" color="#618af8" transparent></kevyloading>
|
||||
|
||||
<wd-table :data="list" :border="true">
|
||||
<slot></slot>
|
||||
</wd-table>
|
||||
|
||||
<wd-pagination v-model="query.page" :total="total" :page-size="query.pageSize" @change="handleChange" show-icon
|
||||
show-message />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref } from 'vue'
|
||||
import kevyloading from "@/components/kevy-loading/kevy-loading";
|
||||
|
||||
const props = defineProps({
|
||||
apiObj: {
|
||||
type: Function,
|
||||
default: () => (() => { })
|
||||
},
|
||||
params: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
})
|
||||
|
||||
const value = ref("")
|
||||
const query = ref({
|
||||
page: 1,
|
||||
pageSize: 20
|
||||
})
|
||||
|
||||
const loading = ref(false)
|
||||
const total = ref(0)
|
||||
const page = ref(1)
|
||||
const list = ref([])
|
||||
|
||||
const getData = async () => {
|
||||
loading.value = true
|
||||
const res = await props.apiObj({
|
||||
...query.value,
|
||||
...props.params
|
||||
})
|
||||
|
||||
query.value.pageSize = res.data.pageSize
|
||||
total.value = res.data.total
|
||||
list.value = res.data.rows
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
getData()
|
||||
|
||||
function handleChange(e) {
|
||||
console.log(e);
|
||||
const upData = async (upParams = {}) => {
|
||||
loading.value = true
|
||||
query.value.page = 1
|
||||
query.value.pageSize = 20
|
||||
|
||||
const res = await props.apiObj({
|
||||
...query.value,
|
||||
...props.params,
|
||||
...upParams
|
||||
})
|
||||
|
||||
query.value.pageSize = res.data.pageSize
|
||||
total.value = res.data.total
|
||||
list.value = res.data.rows
|
||||
loading.value = false
|
||||
}
|
||||
|
||||
|
||||
function handleChange({ value }) {
|
||||
query.value.page = value
|
||||
getData()
|
||||
}
|
||||
|
||||
|
||||
defineExpose({
|
||||
upData
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss"></style>
|
||||
|
||||
@ -0,0 +1,328 @@
|
||||
<template>
|
||||
<view class="skuEdit">
|
||||
|
||||
<wd-table :data="skuLibrary" :stripe="false">
|
||||
<wd-table-col prop="name" label="SKU">
|
||||
|
||||
<template #value="scope">
|
||||
<view class="custom-class">
|
||||
<span style="margin-right: 4px" v-for="(item, index) of scope.row
|
||||
.attr_list" :key="index">
|
||||
{{ item.name }}
|
||||
</span>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
</wd-table-col>
|
||||
<wd-table-col prop="school" label="售价">
|
||||
<template #value="scope">
|
||||
<view class="px-2 pb-1 bg-white">
|
||||
<wd-input placeholder="售价" v-model="scope.row.price" type="number" />
|
||||
</view>
|
||||
</template>
|
||||
</wd-table-col>
|
||||
<wd-table-col prop="major" label="原价">
|
||||
<template #value="scope">
|
||||
<view class="px-2 pb-1 bg-white">
|
||||
<wd-input placeholder="原价" v-model="scope.row.original_price" type="number">
|
||||
</wd-input>
|
||||
</view>
|
||||
</template>
|
||||
</wd-table-col>
|
||||
<wd-table-col prop="major" label="库存">
|
||||
<template #value="scope">
|
||||
<view class="px-2 pb-1 bg-white">
|
||||
<wd-input placeholder="库存" v-model="scope.row.stock" type="number">
|
||||
</wd-input>
|
||||
</view>
|
||||
</template>
|
||||
</wd-table-col>
|
||||
<wd-table-col prop="major" label="产品号">
|
||||
<template #value="scope">
|
||||
<view class="px-2 pb-1 bg-white">
|
||||
<wd-input placeholder="产品号" v-model="scope.row.no">
|
||||
</wd-input>
|
||||
</view>
|
||||
</template>
|
||||
</wd-table-col>
|
||||
</wd-table>
|
||||
|
||||
<view class="bg-gray-100 rounded mb-2">
|
||||
<div class="p-2 bg-white w-full">
|
||||
<div class="name mb-2 text-xs">规格设置</div>
|
||||
<view class="flex bg-white px-3 py-1 rounded w-full">
|
||||
<div class="flex-1 mr-4">
|
||||
<wd-input type="text" v-model="addGroupData.name" />
|
||||
</div>
|
||||
<wd-button @click="addSkuGroup">添加规格组</wd-button>
|
||||
</view>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-2 bg-white">
|
||||
<div style="display: flex; flex-flow: column; align-items: flex-start;">
|
||||
<div class="name mb-2 text-xs">规格组</div>
|
||||
|
||||
<div class="w-full bg-gray-100 p-2" v-for="(item, index) in skuGroup" :key="index">
|
||||
<div class="flex items-center justify-between w-full bg-white p-2">
|
||||
<div class="mr-3">
|
||||
<wd-tag type="primary" custom-class="space" closable @close="moveGroup(index)">{{
|
||||
item.name }}</wd-tag>
|
||||
</div>
|
||||
<div class="mr-3">
|
||||
<wd-input type="text" v-model="addGouppItemData[index]" />
|
||||
</div>
|
||||
<wd-button type="warning" @click="addGroupItem(index)">添加规格</wd-button>
|
||||
</div>
|
||||
<div type="flex" style="margin: 12px 0;">
|
||||
<div class="name mb-2 text-xs">规格:</div>
|
||||
<view class="flex gap-2 flex-wrap">
|
||||
<wd-tag custom-class="space1" closable round type="warning" class="mx-1"
|
||||
v-for="(value, key) in item.groupItem" :key="key" style="margin-left: 10px"
|
||||
@close="removeGroupItem(index, key)">{{ value.name
|
||||
}}</wd-tag>
|
||||
</view>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</view>
|
||||
|
||||
<wd-toast />
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { useToast } from '@/uni_modules/wot-design-uni'
|
||||
const toast = useToast()
|
||||
|
||||
export default {
|
||||
name: "skuEdit",
|
||||
data() {
|
||||
return {
|
||||
// sku规格开始
|
||||
skuDefault: [
|
||||
{
|
||||
attr_list: [{ group_name: "默认", name: "默认" }],
|
||||
price: "", // 售价
|
||||
original_price: "", // 原价
|
||||
stock: "", // 库存
|
||||
pic_url: "", // 图片
|
||||
no: "", // 货号
|
||||
},
|
||||
],
|
||||
skuGroup: [],
|
||||
addGroupData: {
|
||||
name: "",
|
||||
groupItem: [],
|
||||
}, //添加规格组默认数据
|
||||
addGouppItemData: [],
|
||||
skuLibrary: [], // 规格库
|
||||
// 批量设置
|
||||
all_price: "",
|
||||
all_original_price: "",
|
||||
all_stock: "",
|
||||
all_no: "",
|
||||
// sku规格结束
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
/**
|
||||
* 处理规格数据
|
||||
*/
|
||||
setGoodsAttrItem(attrGroup, attrList, index) {
|
||||
var attrList1 = [];
|
||||
if (index < attrGroup.length) {
|
||||
if (index === 0 || attrList.length === 0) {
|
||||
if (attrGroup[index].groupItem.length > 0) {
|
||||
attrGroup[index].groupItem.forEach((element) => {
|
||||
element.group_name = attrGroup[index].name;
|
||||
attrList1.push([element]);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
if (attrGroup[index].groupItem.length > 0) {
|
||||
attrList.forEach((element) => {
|
||||
attrGroup[index].groupItem.forEach((element1) => {
|
||||
element1.group_name = attrGroup[index].name;
|
||||
attrList1.push(element.concat([element1]));
|
||||
});
|
||||
});
|
||||
} else {
|
||||
attrList1 = attrList;
|
||||
}
|
||||
}
|
||||
++index;
|
||||
return this.setGoodsAttrItem(attrGroup, attrList1, index);
|
||||
} else {
|
||||
return attrList;
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 获取其他详细数据
|
||||
*/
|
||||
getAttrDataInfo(attr) {
|
||||
var attrList = [];
|
||||
attr.forEach((element) => {
|
||||
var setAttr = {};
|
||||
if (this.skuLibrary) {
|
||||
this.skuLibrary.forEach((element2) => {
|
||||
if (element2.attr_list.length === element.length) {
|
||||
var loading = true;
|
||||
if (
|
||||
loading &&
|
||||
this.compareAttr(element2.attr_list, element)
|
||||
) {
|
||||
setAttr = element2;
|
||||
loading = false;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var data = {
|
||||
id: setAttr && setAttr.id ? setAttr.id : 0,
|
||||
attr_list: element,
|
||||
price: setAttr && setAttr.price ? setAttr.price : element.reduce((price, i) => price + i.price, 0).toFixed(2),
|
||||
original_price:
|
||||
setAttr && setAttr.original_price
|
||||
? setAttr.original_price
|
||||
: element.reduce((price, i) => price + i.price, 0).toFixed(2),
|
||||
stock: setAttr && setAttr.stock ? setAttr.stock : 0,
|
||||
pic_url: setAttr && setAttr.pic_url ? setAttr.pic_url : "",
|
||||
no: setAttr && setAttr.no ? setAttr.no : "",
|
||||
};
|
||||
for (const key in setAttr) {
|
||||
if (key.indexOf("member") !== -1) {
|
||||
data[key] = setAttr[key];
|
||||
}
|
||||
}
|
||||
attrList.push(data);
|
||||
});
|
||||
return attrList;
|
||||
},
|
||||
compareAttr(val1, val2) {
|
||||
var compareLen = 0;
|
||||
val1.forEach((element1) => {
|
||||
val2.forEach((element2) => {
|
||||
if (element1.name === element2.name) {
|
||||
compareLen++;
|
||||
}
|
||||
});
|
||||
});
|
||||
return compareLen === val1.length;
|
||||
},
|
||||
// 添加规格组
|
||||
addSkuGroup() {
|
||||
// 添加一个一个规格类
|
||||
console.log("添加了一个规格组");
|
||||
this.skuGroup.push(this.addGroupData);
|
||||
console.log("skuGroup发生了变换");
|
||||
// 回复默认数据
|
||||
this.addGroupData = {
|
||||
name: "",
|
||||
groupItem: [],
|
||||
};
|
||||
},
|
||||
|
||||
// 删除规格组
|
||||
moveGroup(index) {
|
||||
if (this.skuGroup[index].groupItem.length === 0) {
|
||||
console.log("删除的组合没有规格！！！");
|
||||
this.skuGroup.splice(index, 1);
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
this.skuGroup.splice(index, 1);
|
||||
var attrList = this.setGoodsAttrItem(this.skuGroup, [], 0);
|
||||
this.skuLibrary = this.getAttrDataInfo(attrList);
|
||||
this.calculateCombinationPrice(this.skuLibrary);
|
||||
},
|
||||
// 计算组合价格的方法
|
||||
calculateCombinationPrice(skuLibrary) {
|
||||
console.log(skuLibrary);
|
||||
skuLibrary.forEach((sku) => {
|
||||
// 计算每个 SKU 组合的价格
|
||||
let combinationPrice = 0;
|
||||
|
||||
// 遍历 SKU 的属性列表
|
||||
sku.attr_list.forEach((attr) => {
|
||||
// 累加每个属性项的价格
|
||||
combinationPrice += attr.price;
|
||||
});
|
||||
|
||||
// 将组合价格保存到 SKU 对象中
|
||||
sku.price = combinationPrice.toFixed(2);
|
||||
sku.original_price = combinationPrice.toFixed(2);
|
||||
});
|
||||
|
||||
this.skuLibrary = skuLibrary
|
||||
|
||||
},
|
||||
// 添加规格
|
||||
addGroupItem(index) {
|
||||
const _skuGroup = this.skuGroup
|
||||
|
||||
if (this.skuGroup[index].groupItem.length === 0) {
|
||||
console.log("新的组合出现了！！！");
|
||||
// 计算组合价格
|
||||
setTimeout(() => {
|
||||
// console.log(this.skuGroup);
|
||||
this.calculateCombinationPrice(this.skuLibrary);
|
||||
});
|
||||
} else {
|
||||
console.log(_skuGroup);
|
||||
}
|
||||
|
||||
|
||||
if (!this.addGouppItemData[index]) {
|
||||
toast.error('请填写规格名称!')
|
||||
return
|
||||
}
|
||||
|
||||
this.skuGroup[index].groupItem.push({
|
||||
group_name: this.skuGroup[index].name,
|
||||
name: this.addGouppItemData[index],
|
||||
price: 0
|
||||
});
|
||||
console.log(this.skuGroup);
|
||||
|
||||
// todo 这里还有问题
|
||||
var attrList = this.setGoodsAttrItem(this.skuGroup, [], 0);
|
||||
console.log(attrList);
|
||||
this.skuLibrary = this.getAttrDataInfo(attrList);
|
||||
this.addGouppItemData = [];
|
||||
|
||||
// // 计算组合价格
|
||||
// this.calculateCombinationPrice(this.skuLibrary);
|
||||
},
|
||||
|
||||
// 删除规格
|
||||
removeGroupItem(index, key) {
|
||||
this.skuGroup[index].groupItem.splice(key, 1);
|
||||
var attrList = this.setGoodsAttrItem(this.skuGroup, [], 0);
|
||||
this.skuLibrary = this.getAttrDataInfo(attrList);
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.space) {
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
:deep(.space1) {
|
||||
padding: 6px 10px;
|
||||
background: #f0883a !important;
|
||||
color: white !important;
|
||||
|
||||
.wd-tag__close {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue