流行趋势
parent
8426090206
commit
3b8eefa933
@ -0,0 +1,210 @@
|
||||
import React, { useRef, useState } from 'react';
|
||||
import { DrawerForm, ProFormInstance, ProFormText, ProFormUploadButton, ProFormRadio, ProFormTextArea } from '@ant-design/pro-components';
|
||||
import { message } from 'antd';
|
||||
import Upload, { RcFile } from 'antd/es/upload';
|
||||
|
||||
export type FormValueType = {
|
||||
target?: string;
|
||||
template?: string;
|
||||
type?: string;
|
||||
time?: string;
|
||||
frequency?: string;
|
||||
} & Partial<API.PbcFashionTrend_>;
|
||||
|
||||
export type UpdateFormProps = {
|
||||
onCancel: (flag?: boolean, formVals?: FormValueType) => void;
|
||||
onSubmit: (values: FormValueType) => Promise<void>;
|
||||
updateModalVisible: boolean;
|
||||
values: Partial<API.PbcFashionTrend_>;
|
||||
};
|
||||
|
||||
const UpdateForm: React.FC<UpdateFormProps> = (props) => {
|
||||
const formRef = useRef<ProFormInstance>();
|
||||
const [pbcType, setPbcType] = useState<number>(props.values.pbcType || 1)
|
||||
|
||||
return (
|
||||
<DrawerForm
|
||||
width={640}
|
||||
title={props.values.pbcId ? '编辑流行趋势' : '新增流行趋势'}
|
||||
open={props.updateModalVisible}
|
||||
formRef={formRef}
|
||||
onFinish={async (value: any) => {
|
||||
let pbcPicAddress = ""
|
||||
if (value.pbcType === 1 && value.pbcImage.length > 0) {
|
||||
pbcPicAddress = value.pbcImage.map((e: any) => {
|
||||
return e.url || e.response.data;
|
||||
}).join(',');
|
||||
} else if (value.pbcType === 2 && value.pbcVideo.length > 0) {
|
||||
pbcPicAddress = value.pbcVideo[0].url || value.pbcVideo[0].response.data;
|
||||
}
|
||||
return props.onSubmit({ ...value, pbcPicAddress, pbcId: props.values.pbcId })
|
||||
}}
|
||||
drawerProps={{
|
||||
destroyOnClose: true,
|
||||
}}
|
||||
initialValues={{
|
||||
pbcTitle: props.values.pbcTitle,
|
||||
pbcType: props.values.pbcType || 1,
|
||||
pbcImage: props.values.pbcType === 1 && props.values.pbcPicAddress ? props.values.pbcPicAddress.split(',').map((e, index) => {
|
||||
return {
|
||||
uid: '-' + index,
|
||||
name: e.substring(e.lastIndexOf('/') + 1),
|
||||
status: 'done',
|
||||
url: e,
|
||||
}
|
||||
}) : [],
|
||||
pbcVideo: props.values.pbcType === 2 && props.values.pbcPicAddress ? [{
|
||||
uid: '-1',
|
||||
name: props.values.pbcPicAddress.substring(props.values.pbcPicAddress.lastIndexOf('/') + 1),
|
||||
status: 'done',
|
||||
url: props.values.pbcPicAddress,
|
||||
}] : [],
|
||||
pbcContent: props.values.pbcContent
|
||||
}}
|
||||
onOpenChange={(visible) => {
|
||||
formRef.current?.resetFields();
|
||||
if (!visible) {
|
||||
props.onCancel();
|
||||
}
|
||||
}}
|
||||
>
|
||||
<ProFormText
|
||||
placeholder={'请输入标题'}
|
||||
label="标题"
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: '标题为必填项',
|
||||
},
|
||||
]}
|
||||
width="md"
|
||||
name="pbcTitle"
|
||||
/>
|
||||
<ProFormRadio.Group
|
||||
name="pbcType"
|
||||
label="类型"
|
||||
options={[
|
||||
{
|
||||
label: '图片',
|
||||
value: 1,
|
||||
},
|
||||
{
|
||||
label: '视频',
|
||||
value: 2,
|
||||
},
|
||||
]}
|
||||
rules={[
|
||||
{
|
||||
required: true,
|
||||
message: '请选择类型',
|
||||
},
|
||||
]}
|
||||
fieldProps={{
|
||||
onChange: (e) => {
|
||||
setPbcType(e.target.value)
|
||||
formRef.current?.setFieldValue('pbcImage', []);
|
||||
formRef.current?.setFieldValue('pbcVideo', []);
|
||||
},
|
||||
}}
|
||||
/>
|
||||
{pbcType === 1 ? <ProFormUploadButton
|
||||
label="上传图片"
|
||||
name="pbcImage"
|
||||
max={9}
|
||||
fieldProps={{
|
||||
name: 'file',
|
||||
accept: 'image/*',
|
||||
multiple: true,
|
||||
headers: {
|
||||
authorization: localStorage.getItem('token') ?? '',
|
||||
},
|
||||
onChange: (info: any) => {
|
||||
switch (info.file.status) {
|
||||
case 'done':
|
||||
if (info.file.response.retcode === 0) {
|
||||
message.error(info.file.response.retmsg);
|
||||
formRef.current?.setFieldValue('pbcContent', [])
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
action: process.env.BASE_URL + '/oss/imgUpload',
|
||||
beforeUpload(file: RcFile) {
|
||||
const isLt10M = file.size / 1024 / 1024 < 10;
|
||||
if (!isLt10M) {
|
||||
message.error('图片大小不能超过10MB!');
|
||||
}
|
||||
return isLt10M || Upload.LIST_IGNORE;
|
||||
},
|
||||
onPreview: async (file) => {
|
||||
if (file.uid.includes('-')) {
|
||||
window.open(file.url);
|
||||
}
|
||||
if (file.response && file.response.retcode) {
|
||||
window.open(file.response.data);
|
||||
}
|
||||
},
|
||||
listType: 'picture-card',
|
||||
}}
|
||||
rules={[
|
||||
{ required: true, message: '请上传图片' },
|
||||
]}
|
||||
/> :
|
||||
<ProFormUploadButton
|
||||
label="上传视频"
|
||||
name="pbcVideo"
|
||||
max={1}
|
||||
fieldProps={{
|
||||
name: 'file',
|
||||
accept: 'video/mp4',
|
||||
multiple: true,
|
||||
headers: {
|
||||
authorization: localStorage.getItem('token') ?? '',
|
||||
},
|
||||
onChange: (info: any) => {
|
||||
switch (info.file.status) {
|
||||
case 'done':
|
||||
if (info.file.response.retcode === 0) {
|
||||
message.error(info.file.response.retmsg);
|
||||
formRef.current?.setFieldValue('pbcVideo', [])
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
action: process.env.BASE_URL + '/oss/imgUpload',
|
||||
beforeUpload(file: RcFile) {
|
||||
const isLt30M = file.size / 1024 / 1024 < 30;
|
||||
if (!isLt30M) {
|
||||
message.error('视频大小不能超过30MB!');
|
||||
}
|
||||
return isLt30M || Upload.LIST_IGNORE;
|
||||
},
|
||||
onPreview: async (file) => {
|
||||
if (file.uid === '-1') {
|
||||
window.open(file.url);
|
||||
}
|
||||
if (file.response && file.response.retcode) {
|
||||
window.open(file.response.data);
|
||||
}
|
||||
},
|
||||
listType: 'picture-card',
|
||||
}}
|
||||
rules={[
|
||||
{ required: true, message: '请上传视频' },
|
||||
]}
|
||||
/>}
|
||||
<ProFormTextArea placeholder={'请输入简介'} name="pbcContent" label="简介" rules={[
|
||||
{
|
||||
required: true,
|
||||
message: '请输入简介',
|
||||
}
|
||||
]} />
|
||||
</DrawerForm>
|
||||
);
|
||||
};
|
||||
|
||||
export default UpdateForm;
|
||||
@ -0,0 +1,226 @@
|
||||
import { PlusOutlined } from '@ant-design/icons';
|
||||
import { ActionType, ProColumns, ProTable } from '@ant-design/pro-components';
|
||||
import { PageContainer } from '@ant-design/pro-layout';
|
||||
import { Button, message, Popconfirm, Switch } from 'antd';
|
||||
import React, { useRef, useState } from 'react';
|
||||
import { Access, useAccess } from 'umi';
|
||||
import { getFashionTrendPageUsingPost, removeFashionTrendUsingGet, addOrUpdateFashionTrendUsingPost, changeFashionTrendStateUsingGet } from '@/services/pop-b2b2c/pbcFashionTrendController';
|
||||
import UpdateForm from './components/UpdateForm';
|
||||
|
||||
/**
|
||||
* 查询表格
|
||||
* @param param0
|
||||
*/
|
||||
const fetchData = async (params: API.PbcFashionTrend_) => {
|
||||
const msg = await getFashionTrendPageUsingPost(params);
|
||||
return {
|
||||
data: msg.data?.records || [],
|
||||
total: msg.data?.total,
|
||||
success: msg.retcode,
|
||||
} as any;
|
||||
};
|
||||
|
||||
const handleUpdateState = async (id: number, state: number) => {
|
||||
const hide = message.loading('正在保存');
|
||||
if (!id) return false;
|
||||
try {
|
||||
const msg = await changeFashionTrendStateUsingGet({ pbcId: id, pbcState: state });
|
||||
hide();
|
||||
if (msg.retcode) {
|
||||
message.success(!id ? '新增成功！' : '保存成功！');
|
||||
return true;
|
||||
}
|
||||
message.error(msg.retmsg);
|
||||
return false;
|
||||
} catch (error) {
|
||||
hide();
|
||||
message.error(!id ? '新增失败，请重试！' : '保存失败，请重试！');
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* 删除节点
|
||||
* @param id
|
||||
*/
|
||||
const handleRemove = async (fields: API.PbcFashionTrend_) => {
|
||||
const hide = message.loading('正在删除');
|
||||
if (!fields.pbcId) return false;
|
||||
|
||||
try {
|
||||
const msg = await removeFashionTrendUsingGet({ pbcId: fields.pbcId });
|
||||
hide();
|
||||
if (msg.retcode) {
|
||||
message.success('删除成功，即将刷新');
|
||||
} else {
|
||||
message.error(msg.retmsg ?? '删除失败，请重试');
|
||||
}
|
||||
return true;
|
||||
} catch (error) {
|
||||
hide();
|
||||
message.error('删除失败，请重试');
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
const TableList: React.FC<any> = () => {
|
||||
const access: any = useAccess();
|
||||
const actionRef = useRef<ActionType>();
|
||||
const [updateModalVisible, handleUpdateModalVisible] = useState<boolean>(false);
|
||||
const [stepFormValues, setStepFormValues] = useState<API.PbcFashionTrend_>({});
|
||||
|
||||
const handleAdd = async (fields: API.PbcFashionTrend_) => {
|
||||
const hide = message.loading('正在提交');
|
||||
try {
|
||||
const msg = await addOrUpdateFashionTrendUsingPost(fields);
|
||||
hide();
|
||||
if (msg.retcode) {
|
||||
message.success(!fields.pbcId ? '添加成功' : '更新成功');
|
||||
handleUpdateModalVisible(false);
|
||||
actionRef.current?.reload();
|
||||
} else {
|
||||
message.error(msg.retmsg ?? '操作失败，请重试');
|
||||
}
|
||||
} catch (error) {
|
||||
hide();
|
||||
message.error('操作失败，请重试');
|
||||
}
|
||||
};
|
||||
|
||||
const columns: ProColumns<API.PbcFashionTrend_>[] = [
|
||||
{
|
||||
title: '标题',
|
||||
dataIndex: 'pbcTitle',
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
dataIndex: 'pbcType',
|
||||
valueEnum: {
|
||||
1: '图片',
|
||||
2: '视频',
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'pbcCreateAt',
|
||||
valueType: 'date',
|
||||
search: false,
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
valueType: 'option',
|
||||
width: 180,
|
||||
render: (text, record) => (
|
||||
<span>
|
||||
<Access key="switch" accessible={access.fashionTrendUpdateState}>
|
||||
<Switch
|
||||
checked={record.pbcState === 1}
|
||||
onChange={async (value) => {
|
||||
const success = await handleUpdateState(record.pbcId || 0, value ? 1 : 2);
|
||||
if (success) {
|
||||
if (actionRef.current) {
|
||||
actionRef.current.reload();
|
||||
}
|
||||
}
|
||||
}}
|
||||
/>
|
||||
</Access>
|
||||
<Access key="config" accessible={access.fashionTrendSave}>
|
||||
<Button
|
||||
size="small"
|
||||
type="link"
|
||||
onClick={() => {
|
||||
handleUpdateModalVisible(true);
|
||||
setStepFormValues(record);
|
||||
}}
|
||||
>
|
||||
编辑
|
||||
</Button>
|
||||
</Access>
|
||||
<Access key="remove" accessible={access.fashionTrendRemove}>
|
||||
<Popconfirm
|
||||
title={`确定需要删除该流行趋势?`}
|
||||
onConfirm={async () => {
|
||||
const success = await handleRemove(record);
|
||||
if (success) actionRef.current?.reload();
|
||||
}}
|
||||
>
|
||||
<Button size="small" type="link" danger>
|
||||
删除
|
||||
</Button>
|
||||
</Popconfirm>
|
||||
</Access>
|
||||
</span>
|
||||
),
|
||||
},
|
||||
];
|
||||
return (
|
||||
<PageContainer
|
||||
header={{
|
||||
title: '',
|
||||
breadcrumb: {},
|
||||
}}
|
||||
>
|
||||
<ProTable<API.PbcFashionTrend_>
|
||||
columns={columns}
|
||||
actionRef={actionRef}
|
||||
request={fetchData}
|
||||
rowKey="pbcId"
|
||||
size="small"
|
||||
bordered
|
||||
search={{
|
||||
labelWidth: 'auto',
|
||||
span: 6,
|
||||
optionRender: ({ searchText }, { form }) => {
|
||||
return [
|
||||
<Button
|
||||
key="button"
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
form?.submit();
|
||||
}}
|
||||
>
|
||||
{searchText}
|
||||
</Button>,
|
||||
<Access key="primary" accessible={access.fashionTrendSave}>
|
||||
<Button
|
||||
icon={<PlusOutlined />}
|
||||
type="primary"
|
||||
onClick={() => {
|
||||
handleUpdateModalVisible(true);
|
||||
setStepFormValues({
|
||||
pbcId: undefined,
|
||||
});
|
||||
}}
|
||||
>
|
||||
新增
|
||||
</Button>
|
||||
</Access>,
|
||||
];
|
||||
},
|
||||
}}
|
||||
pagination={{
|
||||
defaultPageSize: 20,
|
||||
showSizeChanger: true,
|
||||
}}
|
||||
scroll={{
|
||||
y: 'calc(100vh - 320px)',
|
||||
}}
|
||||
dateFormatter="string"
|
||||
options={false}
|
||||
toolBarRender={() => []}
|
||||
/>
|
||||
<UpdateForm
|
||||
onSubmit={handleAdd}
|
||||
onCancel={() => {
|
||||
handleUpdateModalVisible(false);
|
||||
setStepFormValues({});
|
||||
}}
|
||||
updateModalVisible={updateModalVisible}
|
||||
values={stepFormValues}
|
||||
/>
|
||||
</PageContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default TableList;
|
||||
@ -0,0 +1,101 @@
|
||||
// @ts-ignore
|
||||
/* eslint-disable */
|
||||
import request from '@/utils/request';
|
||||
|
||||
/** 申请采购员，或者申请失败后编辑会重新审核，或者申请成功后编辑采购员资料 POST /b2b2c/pbcPurchaseAgentInfo/addOrUpdatePurchaseAgentInfo */
|
||||
export async function addOrUpdatePurchaseAgentInfoUsingPost(
|
||||
body: API.PbcPurchaseAgentInfo_,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.AjaxResultString_>(
|
||||
'/b2b2c/pbcPurchaseAgentInfo/addOrUpdatePurchaseAgentInfo',
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 后台获取申请采购员分页 分页 POST /b2b2c/pbcPurchaseAgentInfo/admin/getPurchaseAgentPage */
|
||||
export async function getPurchaseAgentPageForAdminUsingPost(
|
||||
body: API.PbcPurchaseAgentInfo_,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.AjaxResultIPagePbcPurchaseAgentInfo_>(
|
||||
'/b2b2c/pbcPurchaseAgentInfo/admin/getPurchaseAgentPage',
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 后台同意或者拒绝采购员申请 GET /b2b2c/pbcPurchaseAgentInfo/admin/judgePurchaseAgent */
|
||||
export async function judgePurchaseAgentForAdminUsingGet(
|
||||
// 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
|
||||
params: API.judgePurchaseAgentForAdminUsingGETParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.AjaxResultString_>('/b2b2c/pbcPurchaseAgentInfo/admin/judgePurchaseAgent', {
|
||||
method: 'GET',
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
});
|
||||
}
|
||||
|
||||
/** 后台根据id获取采购员申请详情 后台 GET /b2b2c/pbcPurchaseAgentInfo/admin/purchaseAgentDetail */
|
||||
export async function purchaseAgentDetailForAdminUsingGet(
|
||||
// 叠加生成的Param类型 (非body参数swagger默认没有生成对象)
|
||||
params: API.purchaseAgentDetailForAdminUsingGETParams,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.AjaxResultPbcPurchaseAgentInfo_>(
|
||||
'/b2b2c/pbcPurchaseAgentInfo/admin/purchaseAgentDetail',
|
||||
{
|
||||
method: 'GET',
|
||||
params: {
|
||||
...params,
|
||||
},
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 买家获取申请采购员分页 分页 POST /b2b2c/pbcPurchaseAgentInfo/front/getPurchaseAgentPage */
|
||||
export async function getPurchaseAgentPageUsingPost(
|
||||
body: API.PbcPurchaseAgentInfo_,
|
||||
options?: { [key: string]: any },
|
||||
) {
|
||||
return request<API.AjaxResultIPagePbcPurchaseAgentInfo_>(
|
||||
'/b2b2c/pbcPurchaseAgentInfo/front/getPurchaseAgentPage',
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
data: body,
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/** 前端获取采购员申请详情 后台 GET /b2b2c/pbcPurchaseAgentInfo/purchaseAgentDetail */
|
||||
export async function purchaseAgentDetailUsingGet(options?: { [key: string]: any }) {
|
||||
return request<API.AjaxResultPbcPurchaseAgentInfo_>(
|
||||
'/b2b2c/pbcPurchaseAgentInfo/purchaseAgentDetail',
|
||||
{
|
||||
method: 'GET',
|
||||
...(options || {}),
|
||||
},
|
||||
);
|
||||
}
|
||||
Loading…
Reference in New Issue