向文可
3 years ago
parent
d04facca0b
commit
5067f42478
@ -0,0 +1,22 @@
|
|||||||
|
import request from '@/utils/request.js';
|
||||||
|
export const search = (params) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/activityProduct',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const create = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/activityProduct',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const remove = (idList) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/activityProduct',
|
||||||
|
method: 'delete',
|
||||||
|
params: { idList },
|
||||||
|
});
|
||||||
|
};
|
||||||
@ -0,0 +1,29 @@
|
|||||||
|
import request from '@/utils/request.js';
|
||||||
|
export const search = (params) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/productRecommended',
|
||||||
|
method: 'get',
|
||||||
|
params,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const create = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/productRecommended',
|
||||||
|
method: 'post',
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const enable = (data) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/productRecommended',
|
||||||
|
method: 'put',
|
||||||
|
data,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
export const remove = (idList) => {
|
||||||
|
return request({
|
||||||
|
url: '/mall/marketing/productRecommended',
|
||||||
|
method: 'delete',
|
||||||
|
params: { idList },
|
||||||
|
});
|
||||||
|
};
|
||||||
@ -1,195 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="list-container">
|
|
||||||
<ul class="time-range">
|
|
||||||
<li v-for="(item, index) in opts.timeRange" :key="index">
|
|
||||||
<el-button
|
|
||||||
:type="state.condition.orderStatus.includes(item.value) ? 'primary' : 'default'"
|
|
||||||
@click="handleTimeRange(item.value)"
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
{{ item.label }}
|
|
||||||
</span>
|
|
||||||
<span>(</span>
|
|
||||||
<span class="num">{{ summary[index] || 0 }}</span>
|
|
||||||
<span>)</span>
|
|
||||||
</el-button>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<TableList
|
|
||||||
v-loading="loading"
|
|
||||||
:code="code"
|
|
||||||
:config="config"
|
|
||||||
:data="list"
|
|
||||||
:operation="['search', 'create']"
|
|
||||||
:reset="handleReset"
|
|
||||||
title="活动商品"
|
|
||||||
:total="total"
|
|
||||||
@create="handleCreate"
|
|
||||||
@search="handleSearch"
|
|
||||||
>
|
|
||||||
<template #search>
|
|
||||||
<el-form inline>
|
|
||||||
<el-form-item label="商品名称" prop="name">
|
|
||||||
<el-input v-model="state.condition.name" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商品分类" prop="category">
|
|
||||||
<el-select v-model="state.condition.category" :opts="opts.category" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
</TableList>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="jsx">
|
|
||||||
import ElButton from '@/components/extra/ElButton.vue';
|
|
||||||
const store = useStore();
|
|
||||||
const loading = ref(false);
|
|
||||||
const code = computed(() => store.state.limitProduct.code);
|
|
||||||
const list = computed(() => store.state.limitProduct.list);
|
|
||||||
const total = computed(() => store.state.limitProduct.total);
|
|
||||||
const summary = computed(() => store.state.limitProduct.summary);
|
|
||||||
const opts = computed(() => store.state.limitProduct.opts);
|
|
||||||
if (!unref(opts).init) {
|
|
||||||
store.dispatch('limitProduct/load');
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 查询订单 */
|
|
||||||
const state = reactive({
|
|
||||||
condition: {
|
|
||||||
name: null,
|
|
||||||
category: null,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
watch(
|
|
||||||
() => state.condition,
|
|
||||||
(value) => {
|
|
||||||
store.commit('limitProduct/setCondition', _.cloneDeep(value));
|
|
||||||
},
|
|
||||||
{ immediate: true, deep: true }
|
|
||||||
);
|
|
||||||
watch(
|
|
||||||
() => state.condition.orderStatus,
|
|
||||||
() => {
|
|
||||||
handleSearch();
|
|
||||||
},
|
|
||||||
{ deep: true }
|
|
||||||
);
|
|
||||||
const handleReset = () => {
|
|
||||||
state.condition = {
|
|
||||||
name: null,
|
|
||||||
category: null,
|
|
||||||
};
|
|
||||||
};
|
|
||||||
const handleTimeRange = (status) => {
|
|
||||||
let index = state.condition.orderStatus.indexOf(status);
|
|
||||||
if (index === -1) {
|
|
||||||
if (status === 0) {
|
|
||||||
state.condition.orderStatus = [0];
|
|
||||||
} else {
|
|
||||||
state.condition.orderStatus.push(status);
|
|
||||||
state.condition.orderStatus = state.condition.orderStatus.filter((item) => item > 0);
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (status !== 0) {
|
|
||||||
state.condition.orderStatus.splice(index, 1);
|
|
||||||
if (state.condition.orderStatus.length) {
|
|
||||||
state.condition.orderStatus = state.condition.orderStatus.filter((item) => item > 0);
|
|
||||||
} else {
|
|
||||||
state.condition.orderStatus = [0];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const handleSearch = async () => {
|
|
||||||
loading.value = true;
|
|
||||||
await store.dispatch('limitProduct/search');
|
|
||||||
loading.value = false;
|
|
||||||
};
|
|
||||||
|
|
||||||
/* 导出订单 */
|
|
||||||
const handleCreate = async () => {
|
|
||||||
console.info('create');
|
|
||||||
};
|
|
||||||
const handleRemove = (row, index) => {
|
|
||||||
console.info(row, index);
|
|
||||||
};
|
|
||||||
const handleSku = (row) => {
|
|
||||||
console.info(row);
|
|
||||||
};
|
|
||||||
|
|
||||||
/* 列表配置 */
|
|
||||||
const config = reactive({
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
label: '编号',
|
|
||||||
prop: 'orderNo',
|
|
||||||
minWidth: 100,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '商品图片',
|
|
||||||
width: 100,
|
|
||||||
slots: {
|
|
||||||
default: ({ row }) => <ElImage src={row.photo} alt={row.name} height="100px" />,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '商品名称',
|
|
||||||
prop: 'payAmount',
|
|
||||||
minWidth: 240,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '商品价格',
|
|
||||||
prop: 'payTypeDesc',
|
|
||||||
width: 120,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '活动已售数量',
|
|
||||||
width: 120,
|
|
||||||
prop: 'orderSourceDesc',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'SKU商品配置',
|
|
||||||
width: 120,
|
|
||||||
slots: {
|
|
||||||
default: ({ row }) => (
|
|
||||||
<ElButton type="text" onClick={() => handleSku(row)}>
|
|
||||||
<ElIcon name="Edit" />
|
|
||||||
</ElButton>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '操作',
|
|
||||||
fixed: 'right',
|
|
||||||
width: 160,
|
|
||||||
slots: {
|
|
||||||
default: ({ row, $index }) => (
|
|
||||||
<ElButton type="text" onClick={() => handleRemove(row, $index)}>
|
|
||||||
移除
|
|
||||||
</ElButton>
|
|
||||||
),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.list-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
.common-list {
|
|
||||||
flex-shrink: 1;
|
|
||||||
}
|
|
||||||
.time-range {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: @layout-space;
|
|
||||||
li {
|
|
||||||
+ li {
|
|
||||||
margin-left: @layout-space;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in new issue