Skip to content

X
xiaomai-cloud-class-web
Commit 748aa02a by wufan
Options

feat:联调店铺图片上传

parent afb1f37d
Showing with 67 additions and 33 deletions
src/common/less/icon-font.less
@font-face { @font-face {
font-family: 'iconfont'; /* project id 2223403 */ font-family: 'iconfont'; /* project id 2223403 */
src: url('//at.alicdn.com/t/font_2223403_66rskwvxbny.eot'); src: url('//at.alicdn.com/t/font_2223403_how93r9yw6h.eot');
src: url('//at.alicdn.com/t/font_2223403_66rskwvxbny.eot?#iefix') format('embedded-opentype'), src: url('//at.alicdn.com/t/font_2223403_how93r9yw6h.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_2223403_66rskwvxbny.woff2') format('woff2'), url('//at.alicdn.com/t/font_2223403_how93r9yw6h.woff2') format('woff2'),
url('//at.alicdn.com/t/font_2223403_66rskwvxbny.woff') format('woff'), url('//at.alicdn.com/t/font_2223403_how93r9yw6h.woff') format('woff'),
url('//at.alicdn.com/t/font_2223403_66rskwvxbny.ttf') format('truetype'), url('//at.alicdn.com/t/font_2223403_how93r9yw6h.ttf') format('truetype'),
url('//at.alicdn.com/t/font_2223403_66rskwvxbny.svg#iconfont') format('svg'); url('//at.alicdn.com/t/font_2223403_how93r9yw6h.svg#iconfont') format('svg');
} }
.iconfont{ .iconfont{
font-family:"iconfont" !important; font-family:"iconfont" !important;
......
src/index.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: 吴文洁 * @Author: 吴文洁
* @Date: 2020-08-24 12:20:57 * @Date: 2020-08-24 12:20:57
* @LastEditors: wufan * @LastEditors: wufan
* @LastEditTime: 2020-12-18 11:26:06 * @LastEditTime: 2020-12-21 10:51:02
* @Description: * @Description:
* @Copyright: 杭州杰竞科技有限公司 版权所有 * @Copyright: 杭州杰竞科技有限公司 版权所有
--> -->
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/ user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
--> -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link rel="stylesheet" href="//at.alicdn.com/t/font_2223403_66rskwvxbny.css"> <link rel="stylesheet" href="//at.alicdn.com/t/font_2223403_how93r9yw6h.css">
<!-- <!--
Notice the use of %PUBLIC_URL% in the tags above. Notice the use of %PUBLIC_URL% in the tags above.
......
src/modules/store-manage/StoreH5DecorationTab.jsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wufan * @Author: wufan
* @Date: 2020-11-30 10:47:38 * @Date: 2020-11-30 10:47:38
* @LastEditors: wufan * @LastEditors: wufan
* @LastEditTime: 2020-12-17 15:29:38 * @LastEditTime: 2020-12-21 10:43:50
* @Description: h5店铺banner页面 * @Description: h5店铺banner页面
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有 * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -22,41 +22,46 @@ import { ...@@ -22,41 +22,46 @@ import {
import { MenuOutlined } from "@ant-design/icons"; import { MenuOutlined } from "@ant-design/icons";
import arrayMove from "array-move"; import arrayMove from "array-move";
import "./StoreDecorationPage.less"; import "./StoreDecorationPage.less";
import User from '@/common/js/user'; import User from "@/common/js/user";
import SelectPrepareFileModal from "@/modules/prepare-lesson/modal/SelectPrepareFileModal";
const { confirm } = Modal; const { confirm } = Modal;
function StoreH5Decoration(props) { function StoreH5Decoration(props) {
const [storeDecorationlist, setStoreDecorationlist] = useState([ const [storeDecorationlist, setStoreDecorationlist] = useState([
{ {
id:1111, id: 1111,
bannerPath:'https://image.xiaomaiketang.com/xm/rJeQaZxtc7.png', bannerPath: "https://image.xiaomaiketang.com/xm/rJeQaZxtc7.png",
sequence:0 sequence: 0,
}, },
{ {
id:1111, id: 1111,
bannerPath:'https://image.xiaomaiketang.com/xm/CMyWNaDxbM.jpg', bannerPath: "https://image.xiaomaiketang.com/xm/CMyWNaDxbM.jpg",
sequence: 1 sequence: 1,
}, },
{ {
id:1111, id: 1111,
bannerPath:'https://image.xiaomaiketang.com/xm/pBcJdYkmNN.jpg', bannerPath: "https://image.xiaomaiketang.com/xm/pBcJdYkmNN.jpg",
sequence: 2 sequence: 2,
}, },
{ {
id:1111, id: 1111,
bannerPath:'https://image.xiaomaiketang.com/xm/p7hG4exMFf.png', bannerPath: "https://image.xiaomaiketang.com/xm/p7hG4exMFf.png",
sequence: 3 sequence: 3,
} },
]); ]);
const [query, setQuery] = useState({ const [query, setQuery] = useState({
storeId: User.getStoreId(), storeId: User.getStoreId(),
termType: 'H5_ADMIN' termType: "H5_ADMIN",
}); });
const [model, setModel] = useState(null); const [showSelectFileModal, setShowSelectFileModal] = useState(false);
const [diskList, setDiskList] = useState([]);
const DragHandle = sortableHandle(() => ( const DragHandle = sortableHandle(() => (
<MenuOutlined style={{ cursor: "pointer", color: "#999" }} className="drag-icon"/> <MenuOutlined
style={{ cursor: "pointer", color: "#999" }}
className="drag-icon"
/>
)); ));
const SortableItem = sortableElement((props) => <tr {...props} />); const SortableItem = sortableElement((props) => <tr {...props} />);
const SortableContainer = sortableContainer((props) => <tbody {...props} />); const SortableContainer = sortableContainer((props) => <tbody {...props} />);
...@@ -74,14 +79,13 @@ function StoreH5Decoration(props) { ...@@ -74,14 +79,13 @@ function StoreH5Decoration(props) {
function handleReplaceDecoration(record) {} function handleReplaceDecoration(record) {}
function handleDeleteDecoration(record) { function handleDeleteDecoration(record) {
StoreService.deleteStoreDecorationList({ StoreService.deleteStoreDecorationList({
"storeBannerId": record.id, storeBannerId: record.id,
"termType": "H5_ADMIN" termType: "H5_ADMIN",
}).then((res) => { }).then((res) => {
message.success("已删除"); message.success("已删除");
}); });
}; }
function handleDeleteDecorationConfirm(record) { function handleDeleteDecorationConfirm(record) {
return confirm({ return confirm({
title: "你确定要删除这个banner吗？", title: "你确定要删除这个banner吗？",
...@@ -142,7 +146,7 @@ function StoreH5Decoration(props) { ...@@ -142,7 +146,7 @@ function StoreH5Decoration(props) {
{ {
title: "操作", title: "操作",
dataIndex: "operation", dataIndex: "operation",
width: '20%', width: "20%",
render: (val, record) => { render: (val, record) => {
return ( return (
<div className="operation"> <div className="operation">
...@@ -166,7 +170,24 @@ function StoreH5Decoration(props) { ...@@ -166,7 +170,24 @@ function StoreH5Decoration(props) {
]; ];
} }
function handleToAddStoreDecoration() {} function handleToAddStoreDecoration() {
setShowSelectFileModal(true);
}
// 选择暖场资源
function handleSelectVideo(file) {
setShowSelectFileModal(false);
const { ossUrl, resourceId, folderName, folderFormat, folderSize } = file;
const liveCourseWarmMedia = {
contentType: "WARMUP",
mediaType: folderFormat === "MP4" ? "VIDEO" : "PICTURE",
mediaContent: resourceId,
mediaUrl: ossUrl,
mediaName: folderName,
size: folderSize,
};
console.log("liveCourseWarmMedia", liveCourseWarmMedia);
}
const DraggableContainer = (props) => ( const DraggableContainer = (props) => (
<SortableContainer <SortableContainer
...@@ -212,6 +233,18 @@ function StoreH5Decoration(props) { ...@@ -212,6 +233,18 @@ function StoreH5Decoration(props) {
bordered bordered
/> />
</div> </div>
<SelectPrepareFileModal
operateType="select"
accept="image/jpeg,image/png,image/jpg"
selectTypeList={["JPG", "JPEG", "PNG"]}
tooltip="支持文件类型：jpg、jpeg、png、mp4"
isOpen={showSelectFileModal}
diskList={diskList}
onClose={() => {
setShowSelectFileModal(false);
}}
onSelect={handleSelectVideo}
/>
</div> </div>
); );
} }
......
src/modules/store-manage/StoreWebDecorationTab.jsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wufan * @Author: wufan
* @Date: 2020-11-30 10:47:38 * @Date: 2020-11-30 10:47:38
* @LastEditors: wufan * @LastEditors: wufan
* @LastEditTime: 2020-12-17 15:30:52 * @LastEditTime: 2020-12-21 10:28:03
* @Description: web店铺banner页面 * @Description: web店铺banner页面
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有 * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -22,6 +22,7 @@ import { MenuOutlined } from "@ant-design/icons"; ...@@ -22,6 +22,7 @@ import { MenuOutlined } from "@ant-design/icons";
import arrayMove from "array-move"; import arrayMove from "array-move";
import "./StoreDecorationPage.less"; import "./StoreDecorationPage.less";
import User from '@/common/js/user'; import User from '@/common/js/user';
import SelectPrepareFileModal from '@/modules/prepare-lesson/modal/SelectPrepareFileModal';
const { confirm } = Modal; const { confirm } = Modal;
const DragHandle = sortableHandle(() => ( const DragHandle = sortableHandle(() => (
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment