提交 a334e99b authored 作者: YunaiV's avatar YunaiV

前端:商品推荐。忘记提交了

上级 ba409a63
......@@ -7,6 +7,12 @@ export default {
changeOrigin: true,
pathRewrite: {},
},
'/product-api/': {
// target: 'http://180.167.213.26:18083/',
target: 'http://127.0.0.1:18081/',
changeOrigin: true,
pathRewrite: {},
},
'/order-api/': {
target: 'http://127.0.0.1:18084/',
changeOrigin: true,
......
......@@ -110,11 +110,11 @@ export default [
name: 'promotion-banner-list',
component: './Promotion/BannerList',
},
// {
// path: '/product/product-spu-add',
// name: 'product-spu-add',
// component: './Product/ProductSpuAddOrUpdate',
// },
{
path: '/promotion/product-recommend-list',
name: 'product-recommend-list',
component: './Promotion/ProductRecommendList',
},
// {
// path: '/product/product-category-list',
// name: 'product-category-list',
......
......@@ -55,4 +55,5 @@ export default {
'menu.order.order-refunds': '退货维权',
// 营销相关
'menu.promotion.promotion-banner-list': 'Banner 管理',
};
'menu.promotion.product-recommend-list': '商品推荐',
};
\ No newline at end of file
import {message} from 'antd';
import {buildTreeNode, findCheckedKeys} from '../../utils/tree.utils';
import {
import {message} from 'antd';import {
addBanner,
adminRoleAssign,
deleteBanner,
queryBanner,
queryBannerRoleList,
updateBanner,
updateBannerStatus,
} from '../../services/promotion';
import {arrayToStringParams} from '../../utils/request.qs';
import PaginationHelper from '../../../helpers/PaginationHelper';
const SEARCH_PARAMS_DEFAULT = {
......@@ -31,12 +26,6 @@ export default {
modalType: undefined, // 'add' or 'update' 表单
formVals: {}, // 当前表单值
modalLoading: false,
// 分配角色表单相关
roleList: [],
roleModalVisible: false,
roleCheckedKeys: [], // 此处的 Key ,就是角色编号
roleAssignLoading: false,
},
effects: {
......@@ -161,78 +150,10 @@ export default {
}
},
* queryRoleList({ payload }, { call, put }) {
// 显示加载中
yield put({
type: 'changeRoleAssignLoading',
payload: true,
});
// 请求
const response = yield call(queryBannerRoleList, payload);
// 响应
if (response.code === 0) {
const roleList = response.data;
const roleTreeData = buildTreeNode(roleList, 'name', 'id');
const roleCheckedKeys = findCheckedKeys(roleList);
yield put({
type: 'setAll',
payload: {
roleList: roleTreeData,
roleCheckedKeys,
},
});
}
// 隐藏加载中
yield put({
type: 'changeRoleAssignLoading',
payload: false,
});
},
* roleAssign({ payload }, { call, put }) {
const { callback, body } = payload;
// 显示加载中
yield put({
type: 'changeRoleAssignLoading',
payload: true,
});
// 请求
const response = yield call(adminRoleAssign, {
id: body.id,
roleIds: arrayToStringParams(body.roleIds),
});
// 响应
if (response.code === 0) {
if (callback) {
callback(response);
}
}
// 隐藏加载中
yield put({
type: 'changeRoleAssignLoading',
payload: false,
});
},
},
reducers: {
changeRoleCheckedKeys(state, { payload }) {
return {
...state,
roleCheckedKeys: payload,
};
},
// 修改加载中的状态
changeRoleAssignLoading(state, { payload }) {
return {
...state,
roleAssignLoading: payload,
};
},
changeModalLoading(state, { payload }) {
return {
...state,
......
import {message} from 'antd';
import {
addProductRecommend,
deleteProductRecommend,
queryProductRecommend,
updateProductRecommend,
updateProductRecommendStatus,
} from '../../services/promotion';
import PaginationHelper from '../../../helpers/PaginationHelper';
const SEARCH_PARAMS_DEFAULT = {
type: undefined,
};
export default {
namespace: 'productRecommendList',
state: {
// 分页列表相关
list: [],
listLoading: false,
pagination: PaginationHelper.defaultPaginationConfig,
searchParams: SEARCH_PARAMS_DEFAULT,
// 添加 or 修改表单相关
modalVisible: false,
modalType: undefined, // 'add' or 'update' 表单
formVals: {}, // 当前表单值
modalLoading: false,
},
effects: {
// 查询列表
* query({ payload }, { call, put }) {
// 显示加载中
yield put({
type: 'changeListLoading',
payload: true,
});
// 请求
const response = yield call(queryProductRecommend, payload);
// 响应
yield put({
type: 'setAll',
payload: {
list: response.data.list,
pagination: PaginationHelper.formatPagination(response.data, payload),
searchParams: {
type: payload.type
}
},
});
// 隐藏加载中
yield put({
type: 'changeListLoading',
payload: false,
});
},
* add({ payload }, { call, put }) {
const { callback, body } = payload;
// 显示加载中
yield put({
type: 'changeModalLoading',
payload: true,
});
// 请求
const response = yield call(addProductRecommend, body);
// 响应
if (response.code === 0) {
if (callback) {
callback(response);
}
// 刷新列表
yield put({
type: 'query',
payload: {
...PaginationHelper.defaultPayload
},
});
}
// 隐藏加载中
yield put({
type: 'changeModalLoading',
payload: false,
});
},
* update({ payload }, { call, put }) {
const { callback, body } = payload;
// 显示加载中
yield put({
type: 'changeModalLoading',
payload: true,
});
// 请求
const response = yield call(updateProductRecommend, body);
// 响应
if (response.code === 0) {
if (callback) {
callback(response);
}
// 刷新列表
yield put({
type: 'query',
payload: {
...PaginationHelper.defaultPayload
},
});
}
// 隐藏加载中
yield put({
type: 'changeModalLoading',
payload: false,
});
},
* updateStatus({ payload }, { call, put }) {
// 请求
const response = yield call(updateProductRecommendStatus, payload);
// 响应
if (response.code === 0) {
message.info('更新状态成功!');
// 刷新列表
yield put({
type: 'query',
payload: {
...PaginationHelper.defaultPayload
},
});
}
},
* delete({ payload }, { call, put }) {
// 请求
const response = yield call(deleteProductRecommend, payload);
// 响应
if (response.code === 0) {
message.info('删除成功!');
// 刷新列表
yield put({
type: 'query',
payload: {
...PaginationHelper.defaultPayload
},
});
}
},
},
reducers: {
// 修改加载中的状态
changeModalLoading(state, { payload }) {
return {
...state,
modalLoading: payload,
};
},
changeListLoading(state, { payload }) {
return {
...state,
listLoading: payload,
};
},
// 设置所有属性
setAll(state, { payload }) {
return {
...state,
...payload,
};
}
},
};
......@@ -342,24 +342,12 @@ class BannerList extends PureComponent {
});
};
handleRoleAssignModalVisible = (roleModalVisible, record) => {
const { dispatch } = this.props;
dispatch({
type: 'bannerList/setAll',
payload: {
roleModalVisible: roleModalVisible,
formVals: record || {}
},
});
};
render() {
// let that = this;
const { dispatch,
list, listLoading, searchParams, pagination,
modalVisible, modalType, formVals,
confirmLoading,
roleList, roleModalVisible, roleAssignLoading, roleCheckedKeys } = this.props;
confirmLoading,} = this.props;
// 列表属性
const listProps = {
......
@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';
.tableList {
.tableListOperator {
margin-bottom: 16px;
button {
margin-right: 8px;
}
}
}
.tableDelete {
color: red;
}
.tableListForm {
:global {
.ant-form-item {
display: flex;
margin-right: 0;
margin-bottom: 24px;
> .ant-form-item-label {
width: auto;
padding-right: 8px;
line-height: 32px;
}
.ant-form-item-control {
line-height: 32px;
}
}
.ant-form-item-control-wrapper {
flex: 1;
}
}
.submitButtons {
display: block;
margin-bottom: 24px;
white-space: nowrap;
}
}
@media screen and (max-width: @screen-lg) {
.tableListForm :global(.ant-form-item) {
margin-right: 24px;
}
}
\ No newline at end of file
......@@ -31,4 +31,36 @@ export async function deleteBanner(params) {
return request(`/promotion-api/admins/banner/delete?${stringify(params)}`, {
method: 'POST',
});
}
// product recommend
export async function queryProductRecommend(params) {
return request(`/promotion-api/admins/product_recommend/page?${stringify(params)}`, {
method: 'GET',
});
}
export async function addProductRecommend(params) {
return request(`/promotion-api/admins/product_recommend/add?${stringify(params)}`, {
method: 'POST',
});
}
export async function updateProductRecommend(params) {
return request(`/promotion-api/admins/product_recommend/update?${stringify(params)}`, {
method: 'POST',
});
}
export async function updateProductRecommendStatus(params) {
return request(`/promotion-api/admins/product_recommend/update_status?${stringify(params)}`, {
method: 'POST',
});
}
export async function deleteProductRecommend(params) {
return request(`/promotion-api/admins/product_recommend/delete?${stringify(params)}`, {
method: 'POST',
});
}
\ No newline at end of file
......@@ -7,4 +7,13 @@ export function getBannerList() {
url: 'promotion-api/users/banner/list',
method: 'get',
});
}
// Product Recommend
export function getProductRecommendList() {
return request({
url: 'promotion-api/users/product_recommend/list',
method: 'get',
});
}
\ No newline at end of file
......@@ -19,8 +19,8 @@ if (process.env.NODE_ENV == 'development') {
// baseUrl = 'http://127.0.0.1';
// baseUrl = 'http://180.167.213.26:18099';
// dataSources = 'remote';
dataSources = 'local';
dataSources = 'remote';
// dataSources = 'local';
export {
baseUrl,
......
......@@ -13,14 +13,15 @@
</van-swipe-item>
</van-swipe>
<van-panel title="新品推荐">
<div v-for="(item,index) in page.Sections" :key="index">
<product v-if="item.Code=='Product'" :data="item" ></product>
<!-- <product :data="productRecommends['1']" ></product>-->
<div v-for="(product,i) in productRecommends['1']" :key="i">
<product-card :product='product' @click="showProduct(product)" />
</div>
</van-panel>
<van-panel title="热卖推荐">
<div v-for="(item,index) in page.Sections" :key="index">
<product v-if="item.Code=='Product'" :data="item" ></product>
<div v-for="(product,i) in productRecommends['2']" :key="i">
<product-card :product='product' @click="showProduct(product)" />
</div>
</van-panel>
......@@ -39,7 +40,7 @@ import imageAd from "../../components/page/imageAd.vue";
import imageText from "../../components/page/imageText.vue";
import product from "../../components/page/product.vue";
import { GetPage } from "../../api/page.js";
import { getBannerList } from '../../api/promotion.js';
import { getBannerList, getProductRecommendList } from '../../api/promotion.js';
export default {
name:"page",
......@@ -60,6 +61,7 @@ export default {
topheight:0,
page:{},
banners: [], // Banner 列表
productRecommends: [], // 推荐商品列表
}
},
created:function(){
......@@ -69,18 +71,30 @@ export default {
},
mounted: function() {
// 加载 Banner
let response = getBannerList();
response.then(data => {
this.banners = data;
});
{
let response = getBannerList();
response.then(data => {
this.banners = data;
});
}
// 加载 getProductRecommendList
{
let response = getProductRecommendList();
response.then(data => {
this.productRecommends = data;
});
}
},
methods:{
onBannerClick: function(event, index) {
debugger;
console.log(event);
},
// onBannerClick: function(event, index) {
// debugger;
// console.log(event);
// },
settopheight:function(value){
this.topheight=value;
},
showProduct(product){
this.$router.push('/product/'+product.id);
}
}
}
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
/**
* 商品规格明细 BO
*/
public class ProductAttrAndValuePairBO {
public class ProductAttrAndValuePairBO implements Serializable {
/**
* 规格编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.Date;
/**
* 商品规格 VO
*/
public class ProductAttrBO {
public class ProductAttrBO implements Serializable {
/**
* 规格编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.Date;
import java.util.List;
/**
* 商品规格明细 VO
*/
public class ProductAttrDetailBO {
public class ProductAttrDetailBO implements Serializable {
/**
* 规格编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.List;
/**
* 商品规格明细分页 BO
*/
public class ProductAttrPageBO {
public class ProductAttrPageBO implements Serializable {
/**
* 规格数组
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.List;
/**
* 商品规格精简 VO
*/
public class ProductAttrSimpleBO {
public class ProductAttrSimpleBO implements Serializable {
/**
* 规格编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.Date;
/**
* 商品规格值 VO
*/
public class ProductAttrValueBO {
public class ProductAttrValueBO implements Serializable {
/**
* 规格值编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.Date;
/**
* 商品规格值 VO
*/
public class ProductAttrValueDetailBO {
public class ProductAttrValueDetailBO implements Serializable {
/**
* 规格值编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
/**
* 商品规格值 VO
*/
public class ProductAttrValueSimpleBO {
public class ProductAttrValueSimpleBO implements Serializable {
/**
* 规格值编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.Date;
/**
* 商品分类 BO
*/
public class ProductCategoryBO {
public class ProductCategoryBO implements Serializable {
/**
* 分类编号
......
package cn.iocoder.mall.product.api.bo;
public class ProductSkuBO {
import java.io.Serializable;
public class ProductSkuBO implements Serializable {
private Integer id;
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.List;
/**
* 商品 Sku 明细 BO
*/
public class ProductSkuDetailBO {
public class ProductSkuDetailBO implements Serializable {
/**
* sku 编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.List;
public class ProductSpuBO {
public class ProductSpuBO implements Serializable {
/**
* SPU 编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.List;
/**
* 商品 Spu 明细 BO(包括 Sku 明细)
*/
public class ProductSpuDetailBO {
public class ProductSpuDetailBO implements Serializable {
/**
* SPU 编号
......
package cn.iocoder.mall.product.api.bo;
import java.io.Serializable;
import java.util.List;
public class ProductSpuPageBO {
public class ProductSpuPageBO implements Serializable {
/**
* Spu 数组
......
......@@ -12,7 +12,7 @@ public interface ProductSpuMapper {
ProductSpuDO selectById(Integer id);
List<ProductSpuDO> selectByIds(Collection<Integer> ids);
List<ProductSpuDO> selectByIds(@Param("ids") Collection<Integer> ids);
void insert(ProductSpuDO productSpuDO);
......
......@@ -17,13 +17,14 @@ import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.Collection;
import java.util.Comparator;
import java.util.List;
import java.util.Map;
import java.util.stream.Collectors;
@RestController
@RequestMapping("users/banner")
@RequestMapping("users/product_recommend")
@Api("商品推荐模块")
public class UsersProductRecommendController {
......@@ -34,7 +35,7 @@ public class UsersProductRecommendController {
@GetMapping("/list")
@ApiOperation("获得所有 Banner 列表")
public CommonResult<Multimap<Integer, UsersProductRecommendVO>> list() {
public CommonResult<Map<Integer, Collection<UsersProductRecommendVO>>> list() {
// 查询商品推荐列表
List<ProductRecommendBO> productRecommends = productRecommendService.getProductRecommendList(
null, CommonStatusEnum.ENABLE.getValue()).getData();
......@@ -43,11 +44,11 @@ public class UsersProductRecommendController {
productRecommends.stream().map(ProductRecommendBO::getProductSpuId).collect(Collectors.toSet())).getData();
Map<Integer, ProductSpuBO> spuMap = spus.stream().collect(Collectors.toMap(ProductSpuBO::getId, account -> account));
// 组合结果,返回
Multimap<Integer, UsersProductRecommendVO> result = new HashMultimap<>();
Multimap<Integer, UsersProductRecommendVO> result = HashMultimap.create();
productRecommends.sort(Comparator.comparing(ProductRecommendBO::getSort)); // 排序,按照 sort 升序
productRecommends.forEach(productRecommendBO -> result.put(productRecommendBO.getType(),
ProductRecommendConvert.INSTANCE.convert(spuMap.get(productRecommendBO.getProductSpuId())))); // 将 ProductSpuBO 添加到 results 中
return CommonResult.success(result);
return CommonResult.success(result.asMap());
}
}
\ No newline at end of file
package cn.iocoder.mall.promotion.biz.config;
import cn.iocoder.common.framework.util.ServiceExceptionUtil;
import cn.iocoder.mall.user.service.api.constant.UserErrorCodeEnum;
import cn.iocoder.mall.promotion.api.constant.PromotionErrorCodeEnum;
import org.springframework.boot.context.event.ApplicationReadyEvent;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.event.EventListener;
......@@ -18,7 +18,7 @@ public class ServiceExceptionConfiguration {
// } catch (IOException e) {
// throw new RuntimeException(e);
// }
for (UserErrorCodeEnum item : UserErrorCodeEnum.values()) {
for (PromotionErrorCodeEnum item : PromotionErrorCodeEnum.values()) {
ServiceExceptionUtil.put(item.getCode(), item.getMessage());
}
}
......
......@@ -7,7 +7,7 @@
status, memo, create_time
</sql>
<!-- <select id="selectListByPidAndStatusOrderBySort" resultType="BannerDO">-->
<!-- <select id="selectListByPidAndStatusOrderBySort" resultType="ProductRecommendDO">-->
<!-- SELECT-->
<!-- <include refid="FIELDS" />-->
<!-- FROM product_recommend-->
......@@ -17,14 +17,14 @@
<!-- ORDER BY sort ASC-->
<!-- </select>-->
<!-- <select id="selectList" resultType="BannerDO">-->
<!-- <select id="selectList" resultType="ProductRecommendDO">-->
<!-- SELECT-->
<!-- <include refid="FIELDS" />-->
<!-- FROM product_recommend-->
<!-- WHERE deleted = 0-->
<!-- </select>-->
<select id="selectById" parameterType="Integer" resultType="BannerDO">
<select id="selectById" parameterType="Integer" resultType="ProductRecommendDO">
SELECT
<include refid="FIELDS" />
FROM product_recommend
......@@ -32,7 +32,7 @@
AND deleted = 0
</select>
<select id="selectByProductSpuIdAndType" resultType="BannerDO">
<select id="selectByProductSpuIdAndType" resultType="ProductRecommendDO">
SELECT
<include refid="FIELDS" />
FROM product_recommend
......@@ -41,13 +41,13 @@
product_spu_id = #{productSpuId}
</if>
<if test="type != null">
type = #{type}
AND type = #{type}
</if>
AND deleted = 0
</where>
</select>
<select id="selectListByTypeAndStatus" parameterType="Integer" resultType="BannerDO">
<select id="selectListByTypeAndStatus" parameterType="Integer" resultType="ProductRecommendDO">
SELECT
<include refid="FIELDS" />
FROM product_recommend
......@@ -56,13 +56,13 @@
type = #{type}
</if>
<if test="status != null">
status = #{status}
AND status = #{status}
</if>
AND deleted = 0
</where>
</select>
<select id="selectPageByType" resultType="BannerDO">
<select id="selectPageByType" resultType="ProductRecommendDO">
SELECT
<include refid="FIELDS" />
FROM product_recommend
......@@ -87,7 +87,7 @@
</where>
</select>
<insert id="insert" parameterType="BannerDO" useGeneratedKeys="true" keyColumn="id" keyProperty="id">
<insert id="insert" parameterType="ProductRecommendDO" useGeneratedKeys="true" keyColumn="id" keyProperty="id">
INSERT INTO product_recommend (
type, product_spu_id, sort, status, memo,
create_time, deleted
......@@ -97,7 +97,7 @@
)
</insert>
<update id="update" parameterType="BannerDO">
<update id="update" parameterType="ProductRecommendDO">
UPDATE product_recommend
<set>
<if test="type != null">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论