N/A
}
+
+
+
+ {title.replace(/
+ {data.length > 1 && (
+ i.label)}
+ color={color}
+ onChange={(newValue) => {
+ this.setState({checkedIndex: newValue})
+ }}
+ />
+ )}
+
+
+ );
+ }
+}
+
+const Header = styled.div`
+ display: flex;
+ align-items: center;
+ margin: 10px 0 20px 0;
+ h1 {
+ flex-grow: 1;
+ line-height: 1;
+ margin: 0;
+ }
+`;
\ No newline at end of file
diff --git a/backend/web/src/dashboard/OverviewCard.js b/backend/web/src/dashboard/OverviewCard.js
new file mode 100644
index 0000000..4ab887f
--- /dev/null
+++ b/backend/web/src/dashboard/OverviewCard.js
@@ -0,0 +1,53 @@
+import React from "react";
+import PropTypes from "prop-types";
+import NumberEasing from 'che-react-number-easing';
+
+export default class OverviewCard extends React.Component{
+ constructor(props) {
+ super(props);
+ this.state = {
+ number: 0
+ }
+ }
+
+ static propTypes = {
+ title: PropTypes.string.isRequired,
+ number: PropTypes.oneOfType([
+ PropTypes.number,
+ PropTypes.string
+ ]).isRequired,
+ image: PropTypes.string,
+ isPrice: PropTypes.bool
+ };
+
+ static defaultProps = {
+ isPrice: false
+ };
+
+
+ componentDidMount() {
+ this.setState({
+ number: parseFloat(this.props.number).toFixed(2)
+ })
+ }
+
+ render() {
+ const {number} = this.state;
+ const {image, title, isPrice} = this.props;
+ return (
+
+ {title.replace(//g, data[checkedIndex].data.length)
+ .replace(/
+ {data.length > 1 && (
+
+
+
+
+
+ 
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/backend/web/src/dashboard/PieChart.js b/backend/web/src/dashboard/PieChart.js
new file mode 100644
index 0000000..3eba6f4
--- /dev/null
+++ b/backend/web/src/dashboard/PieChart.js
@@ -0,0 +1,40 @@
+// var myPieChart = new Chart(ctxTotalPie, {
+// type: 'pie',
+// data: {
+// datasets: [{
+// data: [
+// data.total.finish,
+// data.total.refund,
+// data.total.shipping,
+// data.total.unpaied,
+// data.total.unshipping
+// ],
+// backgroundColor: [
+// 'rgba(255, 87, 51, 1)',
+// 'rgba(95, 108, 160, 1)',
+// 'rgba(255, 206, 86, 1)',
+// 'rgba(75, 192, 192, 1)',
+// 'rgba(153, 102, 255, 1)',
+// 'rgba(255, 159, 64, 1)'
+// ],
+// // borderColor: [
+// // 'rgba(95, 108, 160, 1)',
+// // 'rgba(54, 162, 235, 1)',
+// // 'rgba(255, 206, 86, 1)',
+// // 'rgba(75, 192, 192, 1)',
+// // 'rgba(153, 102, 255, 1)',
+// // 'rgba(255, 159, 64, 1)'
+// // ]
+// }],
+//
+// // These labels appear in the legend and in the tooltips when hovering different arcs
+// labels: [
+// '已完成',
+// '申请退款中',
+// '待收货',
+// '未付款',
+// '待发货'
+// ]
+// },
+// options: {}
+// });
\ No newline at end of file
diff --git a/backend/web/src/dashboard/RadioGroup.js b/backend/web/src/dashboard/RadioGroup.js
new file mode 100644
index 0000000..f34f707
--- /dev/null
+++ b/backend/web/src/dashboard/RadioGroup.js
@@ -0,0 +1,74 @@
+import React from "react";
+import PropTypes from "prop-types";
+import styled from 'styled-components'
+import {setLightness} from 'polished'
+
+export default class RadioGroup extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ number: 0
+ }
+ }
+
+ static propTypes = {
+ current: PropTypes.number,
+ items: PropTypes.arrayOf(PropTypes.string).isRequired,
+ color: PropTypes.string,
+ onChange: PropTypes.func
+ };
+
+ static defaultProps = {
+ current: '',
+ items: [],
+ onChange: () => {
+ },
+ color: '#5d58e9'
+ };
+
+ render() {
+ const {current, items, color, onChange} = this.props;
+
+ return (
+
+
+ {title}
+{isPrice && '￥'}
+
+
+);
+
+ReactDOM.render(
+ dashboard,
+ document.getElementById('react')
+);
\ No newline at end of file
diff --git a/backend/web/src/iconfont.html b/backend/web/src/iconfont.html
new file mode 100644
index 0000000..7679640
--- /dev/null
+++ b/backend/web/src/iconfont.html
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/backend/web/src/import.html b/backend/web/src/import.html
new file mode 100644
index 0000000..db8c706
--- /dev/null
+++ b/backend/web/src/import.html
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/backend/web/src/js/amazing-creator/GridEditor.js b/backend/web/src/js/amazing-creator/GridEditor.js
new file mode 100644
index 0000000..aa3c959
--- /dev/null
+++ b/backend/web/src/js/amazing-creator/GridEditor.js
@@ -0,0 +1,36 @@
+import React, {Component} from "react";
+import GridLayout from "react-grid-layout";
+import styled from 'styled-components'
+import "react-grid-layout/css/styles.css";
+import "react-resizable/css/styles.css";
+import {inject, observer} from 'mobx-react'
+import Module from './Module'
+
+@inject('store')
+@observer
+export default class GridEditor extends React.Component {
+ onLayoutChange = (layout) => {
+ const {changeLayout} = this.props.store;
+ changeLayout(layout);
+ };
+
+ render() {
+ const {layout, attrs, add} = this.props.store;
+
+ return (
+
+
+
+
+
+
+
+ {/*
+
+ ({*/}
+ {/*'名字': i.user.name,*/}
+ {/*'金额': i.info.pay_fee*/}
+ {/*}))*/}
+ {/*}]}*/}
+ {/*color='#ed862b'*/}
+ {/*priceCol={1}*/}
+ {/*/>*/}
+
+
+
+ ))}
+
+
+ )
+ }
+}
+
+const SortableItem = SortableElement(({value}) => {
+ return (
+
+
+
+
+
+ 
+
+
+
+ {title}
+ 查看更多>
+ -
+ {items.map((value, index) => (
+
+
+ );
+ }
+}
\ No newline at end of file
diff --git a/backend/web/src/js/amazing-creator/store.js b/backend/web/src/js/amazing-creator/store.js
new file mode 100644
index 0000000..85a5f70
--- /dev/null
+++ b/backend/web/src/js/amazing-creator/store.js
@@ -0,0 +1,68 @@
+import {observable, action, configure} from "mobx";
+
+configure({
+ enforceActions: 'always'
+});
+
+class Store {
+ @observable currentId = 3;
+
+ @observable layout = [
+ {
+ i: '1',
+ x: 0,
+ y: 0,
+ w: 12,
+ h: 3
+ },
+ {
+ i: '2',
+ x: 1,
+ y: 2,
+ w: 12,
+ h: 3
+ },
+ {
+ i: '3',
+ x: 2,
+ y: 3,
+ w: 12,
+ h: 3
+ },
+ ];
+
+ @observable attrs = {
+ 1: {
+ component: 'Swiper',
+ },
+ 2: {
+ component: 'GoodsList',
+ type: 'grid',
+ title: '新品推荐',
+ data: 'best'
+ },
+ 3: {
+ component: 'GoodsList',
+ type: 'list',
+ title: '火爆热销',
+ data: 'hot'
+ }
+ };
+
+ @action.bound changeLayout(layout) {
+ this.layout = layout;
+ }
+
+ @action.bound add(attr) {
+ this.layout.push({
+ i: (++this.currentId).toString(),
+ x: 2,
+ y: 3,
+ w: 12,
+ h: 3
+ });
+ this.attrs[this.currentId] = attr;
+ }
+}
+
+export default new Store()
\ No newline at end of file
diff --git a/backend/web/src/mini-program-management/MainDescription.js b/backend/web/src/mini-program-management/MainDescription.js
new file mode 100644
index 0000000..2c2f19b
--- /dev/null
+++ b/backend/web/src/mini-program-management/MainDescription.js
@@ -0,0 +1,65 @@
+import ClassNames from "classnames";
+import {Icon} from "antd";
+import {Reason} from "./common";
+import React from "react";
+import styled from "styled-components";
+
+export default function MainDescription({currentStep, auditStatusCode, currentStepInfo, currentStatusInfo, currentStepInfoWithStatus}) {
+ if (currentStepInfo) {
+ return (
+ {goodsInfo.goods_name}
+ {goodsInfo.sku_type &&
+
+
+ {children}
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/backend/web/src/spread/Movable/index.scss b/backend/web/src/spread/Movable/index.scss
new file mode 100644
index 0000000..17f6b91
--- /dev/null
+++ b/backend/web/src/spread/Movable/index.scss
@@ -0,0 +1,15 @@
+.movable-object {
+ position: absolute;
+ border: 2px solid transparent;
+ &.active {
+ border-color: #35c7ff;
+ box-shadow: 0 0 20px rgba(0, 0, 0, .3);
+ }
+ .resize-handler {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ cursor: se-resize;
+ user-select: none;
+ }
+}
\ No newline at end of file
diff --git a/backend/web/src/spread/index.js b/backend/web/src/spread/index.js
new file mode 100644
index 0000000..4df4c40
--- /dev/null
+++ b/backend/web/src/spread/index.js
@@ -0,0 +1,570 @@
+import React, {useState} from "react";
+import styled from "styled-components";
+import {LocaleProvider, Form, Radio, Input, Button, message, Icon, Popover, Modal} from 'antd';
+import ReactDOM from "react-dom";
+import zhCN from "antd/lib/locale-provider/zh_CN";
+import ClassNames from 'classnames'
+import RcUpload from "rc-upload";
+import axios from 'axios'
+import qs from 'qs';
+import '../utils/ajax'
+import * as rasterizeHTML from 'rasterizehtml'
+import previewStyle from '!!to-string-loader!css-loader!resolve-url-loader!sass-loader?sourceMap!./preview.scss'
+import {ChromePicker} from 'react-color'
+import Movable from './Movable'
+import {getLuminance} from 'polished'
+import { debounce } from 'throttle-debounce';
+
+const RadioGroup = Radio.Group;
+
+const {data, appName, qrCodeForWeapp, qrCodeForH5, errorMsg,
+ dataOfDistribution, csrf, isDistributionPage} = window;
+
+const codeType = {
+ weapp: {
+ imageUrl: qrCodeForWeapp,
+ text: '小程序码'
+ },
+ h5: {
+ imageUrl: qrCodeForH5,
+ text: '二维码'
+ }
+};
+
+function SizeChangeForm({defaultWidth, defaultHeight, onChange}) {
+ const [width, setWidth] = useState(defaultWidth);
+ const [height, setHeight] = useState(defaultHeight);
+
+ const handleChange = debounce(300, onChange);
+
+ return (
+
+
+ {mode === 'template' ? (
+ <>
+ 
+
+ 
+
+
+ )}
+
+
+
+
+ 
+
+
+
+ {title}
+{description}
+
+
+ 
+
+
+ ) : (
+ <>
+
+
+ {appName}
+扫描或长按{codeType[type].text}
+