PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'develop' into 'devops-staging'

Browse Source 
Develop

See merge request empatnusabangsa/ppob/ppob-frontend!4
This commit is contained in:
Catur Bagaskara
2021-12-21 08:27:04 +00:00
parent 562721029c ede5e7c368
commit 54697d0c76
9 changed files with 593 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/component/PartnerComponent.js
View File

@@ -1,5 +1,17 @@
import React, { useContext, useEffect, useState } from "react"; import React, { useContext, useEffect, useState } from "react";
import {Button, Form, Input, message, Modal, Select, Space, Table, Tag,} from "antd"; import {
Button,
Form,
Input,
message,
Modal,
Select,
Space,
Table,
Tag,
List,
Divider,
} from "antd";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { ExclamationCircleOutlined } from "@ant-design/icons"; import { ExclamationCircleOutlined } from "@ant-design/icons";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
@@ -181,6 +193,7 @@ export const PartnerComponent = observer((props) => {
}; };
return ( return (
<div> <div>
{store.ui.mediaQuery.isDesktop && (
<Table <Table
style={{ textAlign: "center" }} style={{ textAlign: "center" }}
columns={columns} columns={columns}
@@ -202,7 +215,96 @@ export const PartnerComponent = observer((props) => {
modalLoader.setLoading(false); modalLoader.setLoading(false);
}} }}
/> />
)}
{store.ui.mediaQuery.isMobile && (
<List
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.partner.pageSize = page.pageSize;
store.partner.page = page.current;
modalLoader.setLoading(true);
await store.partner.getData();
modalLoader.setLoading(false);
},
pageSize: store.partner.pageSize,
total: store.partner.total_data,
current: store.partner.page,
style: { marginBottom: "1rem", marginRight: "1rem" },
}}
dataSource={store.partner.data}
style={{ padding: 0 }}
renderItem={(item) => {
return (
<div>
<List.Item
key={item.id}
style={{
backgroundColor: "#ffffff",
paddingTop: 0,
paddingBottom: 0,
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
}}
>
<List.Item.Meta
className={["cariparkir-container"].join(" ")}
title={item.code}
description={
<div style={{}}>
<p>
<small>Nama : {item.name}</small> <br />
<small>Npwp : {item.npwp}</small> <br />
<small>Address : {item.address}</small>
<Space size="middle">
<Button
type={
item?.status === true ? "danger" : "primary"
}
onClick={() =>
changeStatus(item?.id, item?.status)
}
>
{item?.status === true ? "Inactive" : "Active"}
</Button>
<Button onClick={() => handleEditButton(item)}>
Edit
</Button>
{/* <Button onClick={() => handleDelete(record.id)}>Delete</Button> */}
<Button onClick={() => changePassword(item)}>
Change Password
</Button>
</Space>
</p>
<p></p>
</div>
}
/>
<div style={{ marginRight: 16 }}>
<p
style={{
fontSize: 9,
marginBottom: 40,
}}
>
<Tag
color={item?.status === true ? "processing" : "#E3E8EE"}
style={{ color: "#4F566B", cursor: "pointer" }}
>
{item?.status === true ? " ACTIVE" : "INACTIVE"}
</Tag>
</p>
</div>
</List.Item>
<Divider plain style={{ margin: 0 }} />
</div>
);
}}
/>
)}
<Modal <Modal
visible={store.partner.visibleModalPartner} visible={store.partner.visibleModalPartner}
title={ title={
@@ -281,7 +383,10 @@ export const PartnerComponent = observer((props) => {
rules={[ rules={[
idData idData
? { required: false } ? { required: false }
: {required: true, message: "Please input password phone number!"}, : {
required: true,
message: "Please input password phone number!",
},
]} ]}
> >
<Input /> <Input />

190
src/component/ProductComponent.js
View File

@@ -1,5 +1,19 @@
import React, { useContext, useState } from "react"; import React, { useContext, useState } from "react";
import {Button, Col, Form, Input, message, Modal, Row, Select, Table, Tag, Typography} from "antd"; import {
Button,
Col,
Form,
Input,
message,
Modal,
Row,
Select,
Table,
Divider,
Tag,
Typography,
List,
} from "antd";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { ExclamationCircleOutlined } from "@ant-design/icons"; import { ExclamationCircleOutlined } from "@ant-design/icons";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
@@ -15,14 +29,14 @@ export const ProductComponent = observer((props) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const { Option } = Select; const { Option } = Select;
const history = useHistory(); const history = useHistory();
const [idData, setIdData] = useState(''); const [idData, setIdData] = useState("");
const [filterSupplier, setFilterSupplier] = useState(null); const [filterSupplier, setFilterSupplier] = useState(null);
const [filterCategories, setFilterCategories] = useState(null); const [filterCategories, setFilterCategories] = useState(null);
const [filterSubCategories, setFilterSubCategories] = useState(null); const [filterSubCategories, setFilterSubCategories] = useState(null);
const modalLoader = useContext(ModalLoaderContext); const modalLoader = useContext(ModalLoaderContext);
const handleEditButton = (data) => { const handleEditButton = (data) => {
console.log(data, "isi data") console.log(data, "isi data");
form.setFieldsValue({ form.setFieldsValue({
name: data.name, name: data.name,
price: data.price, price: data.price,
@@ -33,7 +47,7 @@ export const ProductComponent = observer((props) => {
}); });
store.product.visibleModalProduct = true; store.product.visibleModalProduct = true;
setIdData(data.id); setIdData(data.id);
} };
const columns = [ const columns = [
{ {
@@ -81,7 +95,7 @@ export const ProductComponent = observer((props) => {
{record?.status === "ACTIVE" ? " Tersedia" : "Tidak"} {record?.status === "ACTIVE" ? " Tersedia" : "Tidak"}
</Tag> </Tag>
), ),
} },
]; ];
const deleteData = async (id) => { const deleteData = async (id) => {
@@ -113,39 +127,39 @@ export const ProductComponent = observer((props) => {
}; };
const handleCancel = () => { const handleCancel = () => {
setIdData('') setIdData("");
store.product.visibleModalProduct = false; store.product.visibleModalProduct = false;
} };
const handleSubmit = async (data) => { const handleSubmit = async (data) => {
console.log(data, "isi data2") console.log(data, "isi data2");
if (idData !== '') { if (idData !== "") {
modalLoader.setLoading(true); modalLoader.setLoading(true);
try { try {
await store.product.update(idData, data) await store.product.update(idData, data);
message.success("Success Update Data Member") message.success("Success Update Data Member");
} catch (e) { } catch (e) {
message.error("Failed Update Data Member") message.error("Failed Update Data Member");
} }
modalLoader.setLoading(false); modalLoader.setLoading(false);
store.product.visibleModalProduct = false; store.product.visibleModalProduct = false;
setIdData(''); setIdData("");
form.resetFields(); form.resetFields();
} else { } else {
modalLoader.setLoading(true); modalLoader.setLoading(true);
try { try {
await store.product.create(data) await store.product.create(data);
message.success("Success Add New Member") message.success("Success Add New Member");
} catch (e) { } catch (e) {
console.log(e, "apa errornya") console.log(e, "apa errornya");
message.error("Failed Add Member") message.error("Failed Add Member");
} }
modalLoader.setLoading(false); modalLoader.setLoading(false);
store.product.visibleModalProduct = false; store.product.visibleModalProduct = false;
setIdData(''); setIdData("");
form.resetFields(); form.resetFields();
} }
} };
const handleRemoveFilter = async () => { const handleRemoveFilter = async () => {
store.product.filterSupplier = null; store.product.filterSupplier = null;
@@ -174,19 +188,39 @@ export const ProductComponent = observer((props) => {
}; };
const footerLayoutFilter = [ const footerLayoutFilter = [
<Button key={'remove'} onClick={handleRemoveFilter} style={{ <Button
backgroundColor: '#e74e5e', color: '#fff' key={"remove"}
}}>Remove Filter</Button>, onClick={handleRemoveFilter}
<Button key={'cancel'} onClick={handleCancelFilter}>Cancel</Button>, style={{
<Button key={'submit'} onClick={handleSubmitFilter} style={{ backgroundColor: "#e74e5e",
backgroundColor: '#4e79e7', color: '#fff' color: "#fff",
}}>Apply</Button> }}
] >
Remove Filter
</Button>,
<Button key={"cancel"} onClick={handleCancelFilter}>
Cancel
</Button>,
<Button
key={"submit"}
onClick={handleSubmitFilter}
style={{
backgroundColor: "#4e79e7",
color: "#fff",
}}
>
Apply
</Button>,
];
return ( return (
<div> <div>
{store.ui.mediaQuery.isDesktop && (
<Table <Table
style={{textAlign: "center"}} style={{
textAlign: "center",
width: store.ui.mediaQuery.isMobile ? 250 : "",
}}
columns={columns} columns={columns}
dataSource={store.product.data} dataSource={store.product.data}
bordered bordered
@@ -195,7 +229,7 @@ export const ProductComponent = observer((props) => {
total: store.product.total_data, total: store.product.total_data,
current: store.product.page + 1, current: store.product.page + 1,
showSizeChanger: true, showSizeChanger: true,
simple: false simple: false,
}} }}
onChange={async (page) => { onChange={async (page) => {
let pageNumber = page.current; let pageNumber = page.current;
@@ -206,7 +240,80 @@ export const ProductComponent = observer((props) => {
modalLoader.setLoading(false); modalLoader.setLoading(false);
}} }}
/> />
)}
{store.ui.mediaQuery.isMobile && (
<List
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.product.pageSize = page.pageSize;
store.product.page = page.current;
modalLoader.setLoading(true);
await store.product.getData();
modalLoader.setLoading(false);
},
pageSize: store.product.pageSize,
total: store.product.total_data,
current: store.product.page,
style: { marginBottom: "1rem", marginRight: "1rem" },
}}
dataSource={store.product.data}
style={{ padding: 0 }}
renderItem={(item) => {
return (
<div>
<List.Item
key={item.id}
style={{
backgroundColor: "#ffffff",
paddingTop: 0,
paddingBottom: 0,
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
}}
>
<List.Item.Meta
className={["cariparkir-container"].join(" ")}
title={item.code}
description={
<div style={{}}>
<p>
<small>Nama Produk : {item.name}</small> <br />
<small>Harga Beli : {item.currentPrice.price}</small>
<br />
<small>
Harga Jual : {item.currentPrice.mark_up_price}
</small>
</p>
<p></p>
</div>
}
/>
<div style={{ marginRight: 16 }}>
<p
style={{
fontSize: 9,
margin: 0,
}}
>
<Tag
color={item?.status === "ACTIVE" ? "blue" : "#E3E8EE"}
style={{ color: "#4F566B" }}
>
{item?.status === "ACTIVE" ? " Tersedia" : "Tidak"}
</Tag>
</p>
</div>
</List.Item>
<Divider plain style={{ margin: 0 }} />
</div>
);
}}
/>
)}
<Modal <Modal
visible={store.product.visibleModalProduct} visible={store.product.visibleModalProduct}
title={idData ? "Edit Product" : "Create a new Product"} title={idData ? "Edit Product" : "Create a new Product"}
@@ -220,7 +327,7 @@ export const ProductComponent = observer((props) => {
form form
.validateFields() .validateFields()
.then((values) => { .then((values) => {
console.log(values, "isi form") console.log(values, "isi form");
handleSubmit(values); handleSubmit(values);
form.resetFields(); form.resetFields();
}) })
@@ -229,10 +336,7 @@ export const ProductComponent = observer((props) => {
}); });
}} }}
> >
<Form <Form form={form} layout="vertical">
form={form}
layout="vertical"
>
<Form.Item <Form.Item
name="name" name="name"
label="Name" label="Name"
@@ -274,7 +378,9 @@ export const ProductComponent = observer((props) => {
<Form.Item <Form.Item
name="subCategoriesId" name="subCategoriesId"
label="Sub categories" label="Sub categories"
rules={[{required: true, message: "Please select sub categories!"}]} rules={[
{ required: true, message: "Please select sub categories!" },
]}
> >
<Select placeholder="Select Sub Category" allowClear> <Select placeholder="Select Sub Category" allowClear>
{store.product.dataSubCategories.map((item) => ( {store.product.dataSubCategories.map((item) => (
@@ -294,7 +400,9 @@ export const ProductComponent = observer((props) => {
> >
<Row> <Row>
<Col span={24}> <Col span={24}>
<Title level={5} type={"secondary"} strong>Filter Supplier</Title> <Title level={5} type={"secondary"} strong>
Filter Supplier
</Title>
<Select <Select
mode={"multiple"} mode={"multiple"}
placeholder="Choose Supplier" placeholder="Choose Supplier"
@@ -311,7 +419,9 @@ export const ProductComponent = observer((props) => {
</Select> </Select>
</Col> </Col>
<Col span={24}> <Col span={24}>
<Title level={5} type={"secondary"} strong>Filter Categories</Title> <Title level={5} type={"secondary"} strong>
Filter Categories
</Title>
<Select <Select
mode={"multiple"} mode={"multiple"}
placeholder="Choose Category" placeholder="Choose Category"
@@ -330,7 +440,9 @@ export const ProductComponent = observer((props) => {
</Select> </Select>
</Col> </Col>
<Col span={24}> <Col span={24}>
<Title level={5} type={"secondary"} strong>Filter Sub-Categories</Title> <Title level={5} type={"secondary"} strong>
Filter Sub-Categories
</Title>
<Select <Select
mode={"multiple"} mode={"multiple"}
placeholder="Choose Sub-Category" placeholder="Choose Sub-Category"

84
src/component/Subcategory.js
View File

@@ -1,5 +1,17 @@
import React, { useContext, useState } from "react"; import React, { useContext, useState } from "react";
import {Button, Form, Input, message, Modal, Select, Space, Table,} from "antd"; import {
Button,
Form,
Input,
message,
Modal,
Select,
Space,
Table,
List,
Tag,
Divider,
} from "antd";
import { observer } from "mobx-react-lite"; import { observer } from "mobx-react-lite";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { useStore } from "../utils/useStore"; import { useStore } from "../utils/useStore";
@@ -94,6 +106,7 @@ export const SubcategoryComponent = observer((props) => {
return ( return (
<div> <div>
{store.ui.mediaQuery.isDesktop && (
<Table <Table
style={{ textAlign: "center" }} style={{ textAlign: "center" }}
columns={columns} columns={columns}
@@ -115,7 +128,74 @@ export const SubcategoryComponent = observer((props) => {
modalLoader.setLoading(false); modalLoader.setLoading(false);
}} }}
/> />
)}
{store.ui.mediaQuery.isMobile && (
<List
itemLayout="horizontal"
position={"top"}
pagination={{
onChange: async (page) => {
store.subcategory.pageSize = page.pageSize;
store.subcategory.page = page.current;
modalLoader.setLoading(true);
await store.subcategory.getData();
modalLoader.setLoading(false);
},
pageSize: store.subcategory.pageSize,
total: store.subcategory.total_data,
current: store.subcategory.page,
style: { marginBottom: "1rem", marginRight: "1rem" },
}}
dataSource={store.subcategory.data}
style={{ padding: 0 }}
renderItem={(item) => {
return (
<div>
<List.Item
key={item.id}
style={{
backgroundColor: "#ffffff",
paddingTop: 0,
paddingBottom: 0,
display: "flex",
flexDirection: "row",
alignItems: "center",
justifyContent: "center",
}}
>
<List.Item.Meta
className={["cariparkir-container"].join(" ")}
title={item.code}
description={
<div style={{}}>
<p>
<small>Sub Category : {item.name}</small> <br />
<small>Category : {item.categoryName}</small>
<br />
</p>
<p></p>
</div>
}
/>
<div style={{ marginRight: 16 }}>
<p
style={{
fontSize: 9,
margin: 0,
}}
>
<Button onClick={() => handleEditButton(item)}>
Edit
</Button>
</p>
</div>
</List.Item>
<Divider plain style={{ margin: 0 }} />
</div>
);
}}
/>
)}
<Modal <Modal
visible={store.subcategory.visibleModalSubcategory} visible={store.subcategory.visibleModalSubcategory}
title={idData ? "Edit Sub Category" : "Create a new sub category"} title={idData ? "Edit Sub Category" : "Create a new sub category"}

13
src/component/SupplierComponent.js
View File

@@ -65,7 +65,7 @@ export const SupplierComponent = observer((props) => {
width: "5%", width: "5%",
}, },
{ {
title: "Saldo", title: "Saldo di Supplier",
dataIndex: ["coa", "amount"], dataIndex: ["coa", "amount"],
key: ["coa", "amount"], key: ["coa", "amount"],
width: "20%", width: "20%",
@@ -75,6 +75,17 @@ export const SupplierComponent = observer((props) => {
currency: "IDR", currency: "IDR",
}).format(text) }).format(text)
}, },
{
title: "Saldo di System",
dataIndex: ["coa_undistribute", "amount"],
key: ["coa_undistribute", "amount"],
width: "20%",
render: (text, record) =>
new Intl.NumberFormat("id-ID", {
style: "currency",
currency: "IDR",
}).format(text)
},
{ {
title: "Status", title: "Status",
dataIndex: "status", dataIndex: "status",

2
src/pages/App/DesktopLayout.js
View File

@@ -145,7 +145,7 @@ export const DesktopLayout = observer(() => {
</Link> </Link>
</Menu.Item> </Menu.Item>
<Menu.Item key="commision"> <Menu.Item key="commision">
<Link to={LINKS.COMMISION}> <Link to={LINKS.COMMISSION}>
<HomeOutlined /> <HomeOutlined />
<span>Commision</span> <span>Commision</span>
</Link> </Link>

6
src/pages/Payback/PaybackFromUser.js
View File

@@ -20,8 +20,10 @@ export const PaybackFromUser = observer(() => {
const init = async () => { const init = async () => {
try { try {
modalLoader.setLoading(true); modalLoader.setLoading(true);
await store.payback.getDataUser(); await Promise.allSettled([
await store.authentication.getProfile(); store.payback.getDataUser(),
store.authentication.getProfile()
]);
modalLoader.setLoading(false); modalLoader.setLoading(false);
} catch (e) { } catch (e) {
modalLoader.setLoading(false); modalLoader.setLoading(false);

118
src/pages/Payback/PaybackModal.js
View File

@@ -1,37 +1,28 @@
import React, {useState, useEffect, useContext} from "react"; import React, {useContext, useState} from "react";
import { import {Form, Input, message, Modal, Upload,} from "antd";
Button,
Form,
Image,
Input,
message,
Modal,
Upload,
} from "antd";
import {useStore} from "../../utils/useStore"; import {useStore} from "../../utils/useStore";
import {appConfig} from "../../config/app"; import {LoadingOutlined, PlusOutlined} from "@ant-design/icons";
import {LoadingOutlined, UploadOutlined} from "@ant-design/icons";
import {ModalLoaderContext} from "../../utils/modal"; import {ModalLoaderContext} from "../../utils/modal";
import {http} from "../../utils/http";
import {appConfig} from "../../config/app";
export const PaybackModal = ({visible, onCreate, onCancel, initialData}) => { export const PaybackModal = ({visible, onCreate, onCancel, initialData}) => {
const [form] = Form.useForm(); const [form] = Form.useForm();
const store = useStore(); const store = useStore();
const [image, setImage] = useState("");
const [fileList, setFileList] = useState([]); const [fileList, setFileList] = useState([]);
const [previewTitle, setPreviewTitle] = useState("");
const [previewImage, setPreviewImage] = useState(""); const [previewImage, setPreviewImage] = useState("");
const [fileUrl, setFileUrl] = useState(""); const [previewVisible, setPreviewVisible] = useState(false);
const firstIndexFileList = fileList[0];
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const modalLoader = useContext(ModalLoaderContext); const modalLoader = useContext(ModalLoaderContext);
const beforeUpload = (file) => { const beforeUpload = (file) => {
let isPdf, isLt2M; let isLt2M;
let allowedFile = ["image/jpeg", "image/png", "application/pdf"]; let allowedFile = ["image/jpeg", "image/png"];
let isValid = allowedFile.includes(file.type); let isValid = allowedFile.includes(file.type);
if (!isValid) { if (!isValid) {
message.error("You can only upload PDF or Image file!"); message.error("You can only upload Image file!");
} }
// return file.type === 'application/pdf' ? true : Upload.LIST_IGNORE;
isLt2M = file.size / 1024 / 1024 < 2; isLt2M = file.size / 1024 / 1024 < 2;
if (!isLt2M) { if (!isLt2M) {
message.error("File must smaller than 2MB!"); message.error("File must smaller than 2MB!");
@@ -39,42 +30,33 @@ export const PaybackModal = ({visible, onCreate, onCancel, initialData}) => {
return isValid && isLt2M ? true : Upload.LIST_IGNORE; return isValid && isLt2M ? true : Upload.LIST_IGNORE;
}; };
const handlePreview = async (file) => { const uploadHandler = async (args) => {
const fileUrl = appConfig.apiUrl + file.response.path; const file = args.file;
setPreviewTitle(file.url?.substring(file.url?.lastIndexOf("/") + 1)); const res = await http.upload(file);
setImage(`${appConfig.apiUrl}/config/image/${res.body.filename}`);
setFileList([{
uid: '-1',
name: 'image',
status: 'done',
url: `${appConfig.apiUrl}/config/image/${res.body.filename}`,
}]);
}; };
const handleChange = ({fileList}) => { const handleChange = (info) => {
setFileList(fileList); if (info.file.status === 'uploading') {
if (fileList.length && fileList[0].status === "done") { setLoading(true);
form.setFieldsValue({ return;
file_url: fileList[0].response.path,
});
console.log(fileList, "apaaaaaa");
setFileUrl(fileList[0].response.path);
setPreviewImage(fileList[0].response.path);
setPreviewTitle(fileList[0].name);
} }
setLoading(false)
}; };
const uploadButton = ( const uploadButton = (
<div> <div>
{loading ? ( {loading ? <LoadingOutlined/> : <PlusOutlined/>}
<LoadingOutlined/> <div style={{marginTop: 8}}>Click to Upload</div>
) : (
<Button icon={<UploadOutlined/>}>Click to Upload</Button>
)}
</div> </div>
); );
const previewUpload = (
<Image
className="w-full h-full"
preview={false}
src={!fileUrl ? null : `${appConfig.apiUrl}${fileUrl ?? ""}`}
/>
);
const handleSubmit = async (data) => { const handleSubmit = async (data) => {
console.log(data, "isi data2"); console.log(data, "isi data2");
try { try {
@@ -134,27 +116,27 @@ export const PaybackModal = ({visible, onCreate, onCancel, initialData}) => {
<Form.Item <Form.Item
label="Upload Picture" label="Upload Picture"
name="image_prove" name="image_prove"
>
<div
style={{
display: "flex",
justifyContent: "space-between",
alignItems: "center",
}}
> >
<div> <div>
<Upload <Upload
name="image_prove" listType="picture-card"
maxCount={1}
className="avatar-uploader"
// listType="picture-card"
action={appConfig.apiUrl + "/files"}
fileList={fileList} fileList={fileList}
beforeUpload={beforeUpload} onPreview={(file) => {
onPreview={handlePreview} setPreviewImage(file.url || file.filename);
setPreviewVisible(file.url || file.filename);
}}
showUploadList={true}
onChange={handleChange} onChange={handleChange}
beforeUpload={(file) => beforeUpload(file)}
customRequest={(args) => uploadHandler(args)}
onRemove={(file) => {
setImage('');
setLoading(false);
setFileList([]);
}}
> >
{!firstIndexFileList ? uploadButton : null}
{image === "" ? uploadButton : null}
</Upload> </Upload>
<h5 <h5
style={{ style={{
@@ -165,22 +147,6 @@ export const PaybackModal = ({visible, onCreate, onCancel, initialData}) => {
Max size of file 2 mb Max size of file 2 mb
</h5> </h5>
</div> </div>
<div>
<h5>Preview</h5>
<div>
<img
src={previewImage}
alt="preview"
style={{width: "100%"}}
/>
</div>
<h5>{previewTitle}</h5>
<h5>
{previewUpload}
{previewTitle && <span>{`${previewTitle ?? ""}`}</span>}
</h5>
</div>
</div>
</Form.Item> </Form.Item>
<Form.Item <Form.Item
name="amount" name="amount"

2
src/pages/Product/Product.js
View File

@@ -63,7 +63,7 @@ export const Product = observer(() => {
</Button> </Button>
</Col> </Col>
<Col span={12}> <Col span={12}>
<div style={{display: 'flex', justifyContent: 'flex-end'}}> <div style={{display: store.ui.mediaQuery.isMobile? "" :'flex',justifyContent: 'flex-end',textAlign: "right"}}>
<Search <Search
placeholder="input search text" placeholder="input search text"
style={{ style={{

9
src/utils/http.js
View File

@@ -50,13 +50,16 @@ export const http = {
return req; return req;
}, },
upload: (file) => { upload: (file) => {
const request = superagent let req = superagent
.post(appConfig.apiUrl + '/files') .post(appConfig.apiUrl + '/config/upload-files')
.attach('file', file) .attach('file', file)
.use(authIntercept) .use(authIntercept)
.use(attachSuperagentLogger); .use(attachSuperagentLogger);
if (TokenUtil.accessToken) {
req = req.set('Authorization', 'Bearer ' + TokenUtil.accessToken);
}
return request; return req;
}, },
uploadAntd: (args) => { uploadAntd: (args) => {
const file = args.file; const file = args.file;