diff --git a/src/pages/exchangepage/edittemplate/couponCard/landPage.js b/src/pages/exchangepage/edittemplate/couponCard/landPage.js
index 12f3aa6e..9db4d395 100644
--- a/src/pages/exchangepage/edittemplate/couponCard/landPage.js
+++ b/src/pages/exchangepage/edittemplate/couponCard/landPage.js
@@ -28,21 +28,13 @@ export default class couponLandpage extends React.Component {
let data = config.coupon.land;
this.setState({ model: data ,mouldType});
}
- handleChange = (color) => {
+ controlColor = (attr,color) => {
let model1 = this.state.model;
- model1.bg_color = color;
+ model1[attr] = color;
this.setState({
model: model1
});
- this.props.landbgcolor(color);
- }
- handleChange1 = (color) => {
- let model1 = this.state.model;
- model1.font_color = color;
- this.setState({
- model: model1
- });
- this.props.landftcolor(color);
+ this.props.landConfig({attr,value:color});
}
onactivityChange(e) {
let active = this.state.model;
@@ -51,7 +43,6 @@ export default class couponLandpage extends React.Component {
active.describe.bg_image = "";
}
this.setState({ model: active })
-
this.props.setbanner(this.state.model);
}
hasItemFn(c) {
@@ -63,49 +54,27 @@ export default class couponLandpage extends React.Component {
this.props.setbanner(this.state.model);
}
}
- //上传顶部banner
- onUploadChange(files) {
- if (files.length > 0 && files[0].status == "success") {
- let model = this.state.model;
- model.top_image = files[0].src;
- this.setState({ model: model })
- this.props.setbanner(model);
- } else {
- let model = this.state.model;
- model.top_image = '';
- this.setState({ model: model })
- this.props.setbanner(model);
- }
- };
- //上传输入框
- onUploadChange1(files,type) {
+ //上传输入框/输入框
+ onUploadChange(files,type) {
+ let model = this.state.model;
+ model[type] = '';
if (files.length > 0 && files[0].status == "success") {
- let model = this.state.model;
model[type] = files[0].src;
- this.setState({ model: model })
- this.props.setbanner(model);
- } else {
- let model = this.state.model;
- model[type] = '';
- this.setState({ model: model })
- this.props.setbanner(model);
- }
+ }
+ this.setState({ model: model })
+ this.props.setbanner(model);
};
//上传使用说明
onUploadChange2(files) {
+ let model = this.state.model;
+ model.describe.bg_image = "";
if (files.length > 0 && files[0].status == "success") {
- let model = this.state.model;
- model.describe.bg_image = files[0].src;
+ model.describe.bg_image = files[0].src;
+ }
this.setState({ model: model })
this.props.setbanner(model);
- } else {
- let model = this.state.model;
- model.describe.bg_image = "";
- this.setState({ model: model })
- this.props.setbanner(model);
- }
};
onUploadError = (type, data) => {
@@ -115,12 +84,6 @@ export default class couponLandpage extends React.Component {
Notify.error(`图片大小不能超过 ${data.formattedMaxSize}`);
}
};
- sortFn(c) {
- let model1 = this.state.model;
- model1.sort = c;
- this.setState({ model: model1 });
- this.props.setbanner(model1);
- }
getEditext(c) {
let model1 = this.state.model;
model1.describe.content = c;
@@ -128,21 +91,6 @@ export default class couponLandpage extends React.Component {
this.props.setbanner(model1);
}
-
- // 字体颜色
- fontcolor(cor) {
- let model1 = this.state.model;
- model1.font_color = cor;
- this.setState({ model: model1 });
- this.props.landftcolor(cor);
- }
- // 背景颜色
- bgcolor(cor) {
- let model1 = this.state.model;
- model1.bg_color = cor;
- this.setState({ model: model1 });
- this.props.landbgcolor(cor);
- }
onUpload = (file, report) => {
let self = this;
return new Promise((resolve, reject) => {
@@ -191,18 +139,13 @@ export default class couponLandpage extends React.Component {
//组件将要销毁阶段
componentWillUnmount() {
- console.log(2,'jieshu');
let oldobj = JSON.parse(sessionStorage.getItem('editorConfig'));
let coupon= oldobj.coupon
coupon.land = this.state.model;
oldobj.coupon = coupon;
sessionStorage.setItem('editorConfig', JSON.stringify(oldobj));
}
-
-
-
render() {
- console.log(203,this.props);
return (
@@ -220,7 +163,7 @@ export default class couponLandpage extends React.Component {
let model2 = this.state.model;
model2.title = e;
this.setState({ model: model2 })
- this.props.settitle(e)
+ this.props.landConfig({attr:'title',value:e});
}}
onClearItem={(_e) => {
let model2 = this.state.model;
@@ -232,30 +175,30 @@ export default class couponLandpage extends React.Component {
}
样式
-
+
-
{ this.bgcolor('#ffffff') }}>
-
{ this.bgcolor('#EEEEEE') }}>
-
{ this.bgcolor('#000000') }}>
+
{ this.controlColor('bg_color','#ffffff') }}>
+
{ this.controlColor('bg_color','#EEEEEE') }}>
+
{ this.controlColor('bg_color','#000000') }}>
-
+ this.controlColor('bg_color',c)} />
-
+
-
{ this.fontcolor('#ffffff') }}>
-
{ this.fontcolor('#04C160') }}>
-
{ this.fontcolor('#AE99D3') }}>
-
{ this.fontcolor('#FACD6A') }}>
-
{ this.fontcolor('#FE7962') }}>
+
{ this.controlColor('font_color','#ffffff') }}>
+
{ this.controlColor('font_color','#04C160') }}>
+
{ this.controlColor('font_color','#AE99D3') }}>
+
{ this.controlColor('font_color','#FACD6A') }}>
+
{ this.controlColor('font_color','#FE7962') }}>
-
+ this.controlColor('font_color',c)} />
基础图层
-
+
{ this.onUploadChange(e) }}
+ onChange={(e) => { this.this.onUploadChange(e,'top_image') }}
onUpload={this.onUpload}
defaultFileList={this.state.model.top_image ? [{ 'src': this.state.model.top_image }] : null}
onError={this.onUploadError}
@@ -278,7 +221,7 @@ export default class couponLandpage extends React.Component {
multiple
sortable
tips="单张图片不超过 5M"
- onChange={(e) => { this.onUploadChange1(e,'middle_image') }}
+ onChange={(e) => { this.onUploadChange(e,'middle_image') }}
defaultFileList={this.state.model.middle_image ? [{ 'src': this.state.model.middle_image }] : null}
onUpload={this.onUpload}
onError={this.onUploadError}
@@ -292,21 +235,21 @@ export default class couponLandpage extends React.Component {
multiple
sortable
tips="单张图片不超过 5M"
- onChange={(e) => { this.onUploadChange1(e,'white_image') }}
+ onChange={(e) => { this.onUploadChange(e,'white_image') }}
defaultFileList={this.state.model.white_image ? [{ 'src': this.state.model.white_image }] : null}
onUpload={this.onUpload}
onError={this.onUploadError}
/>
}
-
+
{ this.onactivityChange(e) }} value={this.state.model.describe.type}>
this.hasItemFn(1)}>图片
this.hasItemFn(2)}>富文本
{
- this.state.model.describe.type == 1 ?
+ this.state.model.describe.type == 1 ?
: null
}
{
- this.state.model.describe.type == 2 ?
+ this.state.model.describe.type == 2 ?
{
+ handelResponse(res, (req, msg) => {
+ let typeListSource = res.data.map(it => {
+ return { key: it.id, text: it.name }
+ });
+ self.setState({ mouldWay: typeListSource });
+ }, (err) => {
+ })
+ }).catch(err => {
+ });
}
if (config && config.exchangeList && config.exchangeList.land) {
let data = config.exchangeList.land;
this.setState({ model: data });
- } else {
-
}
- getThemeType().then(res => {
- handelResponse(res, (req, msg) => {
- let typeListSource = res.data.map(it => {
- return { key: it.id, text: it.name }
- });
- self.setState({ mouldWay: typeListSource });
- }, (err) => {
-
- })
- }).catch(err => {
- });
}
- handleChange = (color) => {
+ controlColor = (attr,color) => {
let model1 = this.state.model;
- model1.bg_color = color;
+ model1[attr] = color;
this.setState({
model: model1
});
- this.props.landbgcolor(color);
-
- }
- handleChange1 = (color) => {
- let model1 = this.state.model;
- model1.font_color = color;
- this.setState({
- model: model1
- });
- this.props.landftcolor(color);
+ this.props.landConfig({attr,value:color});
}
onactivityChange(e) {
let active = this.state.model;
@@ -77,7 +65,6 @@ export default class edittemplate extends React.Component {
active.describe.bg_image = "";
}
this.setState({ model: active })
-
this.props.setbanner(this.state.model);
}
hasItemFn(c) {
@@ -90,7 +77,6 @@ export default class edittemplate extends React.Component {
}
}
onmouldChange(c) {
-
let model1 = this.state.model;
model1.type_id = c;
this.setState({ model: model1 });
@@ -98,17 +84,13 @@ export default class edittemplate extends React.Component {
}
//上传顶部banner
onUploadChange(files) {
+ let model = this.state.model;
+ model.top_image = '';
if (files.length > 0 && files[0].status == "success") {
- let model = this.state.model;
- model.top_image = files[0].src;
- this.setState({ model: model })
- this.props.setbanner(model);
- } else {
- let model = this.state.model;
- model.top_image = '';
- this.setState({ model: model })
- this.props.setbanner(model);
- }
+ model.top_image = files[0].src;
+ }
+ this.setState({ model: model })
+ this.props.setbanner(model);
};
//上传输入框
@@ -160,22 +142,6 @@ export default class edittemplate extends React.Component {
this.setState({ model: model1 });
this.props.setbanner(model1);
}
-
-
- // 字体颜色
- fontcolor(cor) {
- let model1 = this.state.model;
- model1.font_color = cor;
- this.setState({ model: model1 });
- this.props.landftcolor(cor);
- }
- // 背景颜色
- bgcolor(cor) {
- let model1 = this.state.model;
- model1.bg_color = cor;
- this.setState({ model: model1 });
- this.props.landbgcolor(cor);
- }
onUpload = (file, report) => {
let self = this;
return new Promise((resolve, reject) => {
@@ -246,12 +212,12 @@ export default class edittemplate extends React.Component {
基础设置