提交 2a766cd0 作者: 龚洪江

修复:富文本问题修复

上级 145741ab
...@@ -124,7 +124,7 @@ export type editServiceType = InterFunction< ...@@ -124,7 +124,7 @@ export type editServiceType = InterFunction<
shareCard?: string; shareCard?: string;
video?: string; video?: string;
id: number; id: number;
companyId: number; companyId?: number;
}, },
any any
>; >;
......
...@@ -21,7 +21,7 @@ const GoodsIntroduce: FC<selfProps> = ({ getRichText, goodsDetail, isDetail }) = ...@@ -21,7 +21,7 @@ const GoodsIntroduce: FC<selfProps> = ({ getRichText, goodsDetail, isDetail }) =
<div className='goods-introduce-title'>产品介绍图</div> <div className='goods-introduce-title'>产品介绍图</div>
<div className='goods-introduce-content'> <div className='goods-introduce-content'>
<RichText <RichText
value={goodsDetail?.goodsDetail.content} richTextContent={goodsDetail?.goodsDetail.content}
onChange={richTextChange} onChange={richTextChange}
isDetail={isDetail} isDetail={isDetail}
/> />
......
...@@ -7,7 +7,7 @@ import { CommonAPI } from '~/api'; ...@@ -7,7 +7,7 @@ import { CommonAPI } from '~/api';
interface PropsType { interface PropsType {
onChange?: (html?: string) => void; onChange?: (html?: string) => void;
value: string | undefined; richTextContent: string | undefined;
// eslint-disable-next-line react/require-default-props // eslint-disable-next-line react/require-default-props
isDetail?: boolean; //是否禁用 isDetail?: boolean; //是否禁用
height?: number; height?: number;
...@@ -16,7 +16,7 @@ interface PropsType { ...@@ -16,7 +16,7 @@ interface PropsType {
} }
const RichText: React.FC<PropsType> = ({ const RichText: React.FC<PropsType> = ({
onChange, onChange,
value, richTextContent,
isDetail, isDetail,
height, height,
imgSize, imgSize,
...@@ -82,14 +82,16 @@ const RichText: React.FC<PropsType> = ({ ...@@ -82,14 +82,16 @@ const RichText: React.FC<PropsType> = ({
}, [editor]); }, [editor]);
useEffect(() => { useEffect(() => {
editor?.setHtml(value || ''); if (editor) {
}, [value]); editor?.setHtml(richTextContent || '');
}
}, [richTextContent, editor]);
useEffect(() => { useEffect(() => {
if (editor && isDetail) { if (editor && isDetail) {
editor.disable(); editor.disable();
} }
}, [isDetail]); }, [isDetail, editor]);
return ( return (
<> <>
......
...@@ -51,7 +51,9 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel, ...@@ -51,7 +51,9 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
// 选择的列表 // 选择的列表
const [selectList, setSelectList] = useState<number[]>([]); const [selectList, setSelectList] = useState<number[]>([]);
//配置价格参数 //配置价格参数
const [priceParameters, setPriceParameters] = useState<setPriceParametersType>([]); const [priceParameters, setPriceParameters] = useState<
Exclude<setPriceParametersType, undefined>
>([]);
//当前租期 //当前租期
const [currentLeaseTerm, setCurrentLeaseTerm] = useState<number>(0); const [currentLeaseTerm, setCurrentLeaseTerm] = useState<number>(0);
...@@ -84,7 +86,6 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel, ...@@ -84,7 +86,6 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
type: type, type: type,
}, },
]; ];
console.log('转化数据-->', priceInfoList);
setPriceParameters([...priceInfoList]); setPriceParameters([...priceInfoList]);
const levelNumber: number[] = priceInfoList[0].specPrice const levelNumber: number[] = priceInfoList[0].specPrice
.filter((v) => v.cooperationTag != 0) .filter((v) => v.cooperationTag != 0)
...@@ -134,25 +135,23 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel, ...@@ -134,25 +135,23 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
.reduce((pre: any, cur: string) => { .reduce((pre: any, cur: string) => {
return [...pre, { price: values[cur], cooperationTag: Number(cur) }]; return [...pre, { price: values[cur], cooperationTag: Number(cur) }];
}, []); }, []);
if (priceParameters) { priceParameters[currentLeaseTerm].specPrice = specPrice;
priceParameters[currentLeaseTerm].specPrice = specPrice; const obj = priceParameters
const obj = priceParameters .filter((v) => v.specPrice.length)
.filter((v) => v.specPrice.length) .find((v) => v.specPrice.some((v) => v.price === undefined));
.find((v) => v.specPrice.some((v) => v.price === undefined)); if (obj && !_.isNull(obj.leaseTerm)) {
if (obj && !_.isNull(obj.leaseTerm)) { return message.warning(`${rentDateData[obj.leaseTerm!].label}存在价格未配置`);
return message.warning(`${rentDateData[obj.leaseTerm!].label}存在价格未配置`);
}
setPriceParameters([...priceParameters]);
ProduceManageAPI['editProductSpecPrice'](
priceParameters.filter((v) => v.specPrice.length),
).then(({ code }) => {
if (code === '200') {
message.success('操作成功');
setCurrentLeaseTerm(0);
handleClosed();
}
});
} }
setPriceParameters([...priceParameters]);
ProduceManageAPI['editProductSpecPrice'](
priceParameters.filter((v) => v.specPrice.length),
).then(({ code }) => {
if (code === '200') {
message.success('操作成功');
setCurrentLeaseTerm(0);
handleClosed();
}
});
}) })
.catch((err) => { .catch((err) => {
message.warning(err.errorFields[0].errors[0]).then(); message.warning(err.errorFields[0].errors[0]).then();
...@@ -180,12 +179,10 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel, ...@@ -180,12 +179,10 @@ const SetProduceSpecPriceModal: FC<ModalProps & PropsType> = ({ open, onCancel,
.reduce((pre: any, cur: string) => { .reduce((pre: any, cur: string) => {
return [...pre, { price: values[cur], cooperationTag: Number(cur) }]; return [...pre, { price: values[cur], cooperationTag: Number(cur) }];
}, []); }, []);
if (priceParameters) { priceParameters[currentLeaseTerm].specPrice = specPrice;
priceParameters[currentLeaseTerm].specPrice = specPrice; setPriceParameters([...priceParameters]);
setPriceParameters([...priceParameters]);
}
setCurrentLeaseTerm(Number(value)); setCurrentLeaseTerm(Number(value));
if (priceParameters && priceParameters[Number(value)].specPrice.length) { if (priceParameters[Number(value)].specPrice.length) {
const Obj: any = priceParameters[Number(value)].specPrice.reduce((pre: any, cur) => { const Obj: any = priceParameters[Number(value)].specPrice.reduce((pre: any, cur) => {
pre[cur.cooperationTag] = cur.price; pre[cur.cooperationTag] = cur.price;
return { ...pre }; return { ...pre };
......
...@@ -53,7 +53,10 @@ const ServiceIntroduce = () => { ...@@ -53,7 +53,10 @@ const ServiceIntroduce = () => {
</div> </div>
<div className='service-introduce-title'></div> <div className='service-introduce-title'></div>
<div className='service-introduce-rich-text'> <div className='service-introduce-rich-text'>
<RichText value={serviceDetail?.serviceIntroduction || ''} onChange={richTextChange} /> <RichText
richTextContent={serviceDetail?.serviceIntroduction || ''}
onChange={richTextChange}
/>
</div> </div>
</div> </div>
); );
......
...@@ -62,8 +62,12 @@ const AddEditModal: FC<propType> = (props) => { ...@@ -62,8 +62,12 @@ const AddEditModal: FC<propType> = (props) => {
useEffect(() => { useEffect(() => {
if (!open) return; if (!open) return;
if (!data) return; if (!data) return;
form.setFieldsValue(data); form.setFieldsValue({
}, [open]); caseTitle: data.caseTitle,
origin: data.origin,
caseContents: data.caseContents || undefined,
});
}, [open, data]);
return ( return (
<Modal <Modal
open={open} open={open}
...@@ -96,7 +100,7 @@ const AddEditModal: FC<propType> = (props) => { ...@@ -96,7 +100,7 @@ const AddEditModal: FC<propType> = (props) => {
</Form.Item> </Form.Item>
<Form.Item label='文章详情' name='caseContents'> <Form.Item label='文章详情' name='caseContents'>
<RichText <RichText
value={form.getFieldValue('caseContents')} richTextContent={data?.caseContents || ''}
onChange={(e) => form.setFieldValue('caseContents', e)} onChange={(e) => form.setFieldValue('caseContents', e)}
height={250} height={250}
/> />
......
...@@ -52,7 +52,7 @@ const PreviewModal: FC<propType> = (props) => { ...@@ -52,7 +52,7 @@ const PreviewModal: FC<propType> = (props) => {
{data?.updateTime || data?.createTime} {data?.updateTime || data?.createTime}
</div> </div>
</div> </div>
<RichText value={data?.caseContents} height={350} isDetail={true} /> <RichText richTextContent={data?.caseContents} height={350} isDetail={true} />
</Modal> </Modal>
); );
}; };
......
...@@ -138,7 +138,7 @@ const AddOrEditNewsModal: FC<ModalProps & selfProps> = ({ ...@@ -138,7 +138,7 @@ const AddOrEditNewsModal: FC<ModalProps & selfProps> = ({
</Uploader> </Uploader>
</Form.Item> </Form.Item>
<Form.Item label='主题内容' name='newsContents'> <Form.Item label='主题内容' name='newsContents'>
<RichText onChange={richTextChange} value={richTextValue} videoSize={100} /> <RichText onChange={richTextChange} richTextContent={richTextValue} videoSize={100} />
</Form.Item> </Form.Item>
</Form> </Form>
</Modal> </Modal>
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论