编辑器-优惠券/优惠券白名单静默设定
This commit is contained in:
parent
8a31ec46aa
commit
cbfb32a6eb
|
@ -13,10 +13,10 @@ export default class Searchbar extends React.Component {
|
||||||
iswitch:true,
|
iswitch:true,
|
||||||
shape: 'circular',
|
shape: 'circular',
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
borderColor: '#333',
|
borderColor: '#FFFAF5',
|
||||||
bgColor:'#a00',
|
bgColor:'#FFD8BB',
|
||||||
fontColor:'#f3f4f5',
|
fontColor:'#ADADAD',
|
||||||
placeholder: '请输入关键字搜索'
|
placeholder: '请输入商品名称'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
componentWillMount(e) {
|
componentWillMount(e) {
|
||||||
|
|
|
@ -12,7 +12,7 @@ export default class Title extends React.Component {
|
||||||
super(props)
|
super(props)
|
||||||
this.state = {
|
this.state = {
|
||||||
switch:true,
|
switch:true,
|
||||||
text: '商品标题',
|
text: '商品列表',
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
fontColor: '#333',
|
fontColor: '#333',
|
||||||
fontSize: 1,
|
fontSize: 1,
|
||||||
|
|
|
@ -19,12 +19,14 @@ export default class couponLandpage extends React.Component {
|
||||||
bg_color: "#EEEEEE",
|
bg_color: "#EEEEEE",
|
||||||
font_color: "#000000",
|
font_color: "#000000",
|
||||||
},
|
},
|
||||||
|
mouldType:''
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
componentWillMount(_e) {
|
componentWillMount(_e) {
|
||||||
let config = JSON.parse(sessionStorage.getItem('editorConfig'));
|
let config = JSON.parse(sessionStorage.getItem('editorConfig'));
|
||||||
|
let mouldType=sessionStorage.getItem('mouldType');
|
||||||
let data = config.coupon.land;
|
let data = config.coupon.land;
|
||||||
this.setState({ model: data });
|
this.setState({ model: data ,mouldType});
|
||||||
}
|
}
|
||||||
handleChange = (color) => {
|
handleChange = (color) => {
|
||||||
let model1 = this.state.model;
|
let model1 = this.state.model;
|
||||||
|
@ -200,6 +202,7 @@ export default class couponLandpage extends React.Component {
|
||||||
|
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
|
console.log(203,this.props);
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div className='control page-title-control'>
|
<div className='control page-title-control'>
|
||||||
|
@ -207,9 +210,12 @@ export default class couponLandpage extends React.Component {
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{ width: "92%", "margin": "0 auto 60px", "overflow": "auto", "maxHeight": "100%" }}>
|
<div style={{ width: "92%", "margin": "0 auto 60px", "overflow": "auto", "maxHeight": "100%" }}>
|
||||||
<div style={{ fontWeight: 'bold' }}>基础设置</div>
|
{
|
||||||
|
this.state.mouldType != 0? <div style={{ fontWeight: 'bold',marginTop:'16px' }}>基础设置{this.state.mouldType}</div>:null
|
||||||
|
}
|
||||||
<Form model={this.state.model} ref="form1">
|
<Form model={this.state.model} ref="form1">
|
||||||
<FormItem labelname="落地页标题:" prop="title" id="title" labelwidth="100px">
|
{
|
||||||
|
this.state.mouldType != 0?<FormItem labelname="落地页标题:" labelwidth="100px">
|
||||||
<Ipt onChange={(e) => {
|
<Ipt onChange={(e) => {
|
||||||
let model2 = this.state.model;
|
let model2 = this.state.model;
|
||||||
model2.title = e;
|
model2.title = e;
|
||||||
|
@ -222,11 +228,13 @@ export default class couponLandpage extends React.Component {
|
||||||
this.setState({ model: model2 })
|
this.setState({ model: model2 })
|
||||||
}}
|
}}
|
||||||
value={this.state.model.title} placeholder={"请输入"} labelWidth={'0px'} maxLength={12} height={'36px'} width={'300px'} alignment={'left'} />
|
value={this.state.model.title} placeholder={"请输入"} labelWidth={'0px'} maxLength={12} height={'36px'} width={'300px'} alignment={'left'} />
|
||||||
</FormItem>
|
</FormItem>:null
|
||||||
|
}
|
||||||
|
|
||||||
<div style={{ marginTop: '20px', marginBottom: '15px', fontWeight: 'bold' }}>样式</div>
|
<div style={{ marginTop: '20px', marginBottom: '15px', fontWeight: 'bold' }}>样式</div>
|
||||||
<FormItem labelname="背景颜色:" prop="font_color" id="font_color" labelwidth="80px">
|
<FormItem labelname="背景颜色:" prop="font_color" id="font_color" labelwidth="80px">
|
||||||
<div className="colorItembg dfleac">
|
<div className="colorItembg dfleac">
|
||||||
<span className="cicle" style={{ border: '1px solid #f1f2f3' }} className={this.state.model.bg_color == '#ffffff' ? "cicle activecicle" : "cicle"} onClick={() => { this.bgcolor('#ffffff') }}></span>
|
<span style={{ border: '1px solid #f1f2f3' }} className={this.state.model.bg_color == '#ffffff' ? "cicle activecicle" : "cicle"} onClick={() => { this.bgcolor('#ffffff') }}></span>
|
||||||
<span className={this.state.model.bg_color == '#EEEEEE' ? "activecicle cicle cicle1" : "cicle cicle1"} onClick={() => { this.bgcolor('#EEEEEE') }}></span>
|
<span className={this.state.model.bg_color == '#EEEEEE' ? "activecicle cicle cicle1" : "cicle cicle1"} onClick={() => { this.bgcolor('#EEEEEE') }}></span>
|
||||||
<span className={this.state.model.bg_color == '#000000' ? "activecicle cicle cicle2" : "cicle cicle2"} onClick={() => { this.bgcolor('#000000') }}></span>
|
<span className={this.state.model.bg_color == '#000000' ? "activecicle cicle cicle2" : "cicle cicle2"} onClick={() => { this.bgcolor('#000000') }}></span>
|
||||||
<div className="selfset" >
|
<div className="selfset" >
|
||||||
|
|
|
@ -243,7 +243,7 @@ export default class edittemplate extends React.Component {
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<div style={{ width: "92%", "margin": "0 auto 60px", "overflow": "auto", "maxHeight": "100%" }}>
|
<div style={{ width: "92%", "margin": "0 auto 60px", "overflow": "auto", "maxHeight": "100%" }}>
|
||||||
<div style={{ fontWeight: 'bold' }}>基础设置</div>
|
<div style={{ fontWeight: 'bold',marginTop:'16px' }}>基础设置</div>
|
||||||
|
|
||||||
<Form model={this.state.model} ref="form1">
|
<Form model={this.state.model} ref="form1">
|
||||||
<FormItem labelname="落地页标题:" prop="title" id="title" labelwidth="100px">
|
<FormItem labelname="落地页标题:" prop="title" id="title" labelwidth="100px">
|
||||||
|
|
|
@ -17,7 +17,6 @@ import Whitegoods from './whitegoods' //白名单商品页面
|
||||||
import Whitedetails from './whitedetails' //白名单详情页
|
import Whitedetails from './whitedetails' //白名单详情页
|
||||||
import Reduce from './reduce' //商品详情页立减金
|
import Reduce from './reduce' //商品详情页立减金
|
||||||
import ReduceConfig from './reduceConfig' //商品详情立减金页面
|
import ReduceConfig from './reduceConfig' //商品详情立减金页面
|
||||||
|
|
||||||
// 优惠券
|
// 优惠券
|
||||||
import CouponLandingForm from '../couponTemplate/landingPage/config/main' //优惠券落地页表单
|
import CouponLandingForm from '../couponTemplate/landingPage/config/main' //优惠券落地页表单
|
||||||
import CouponGoodsListForm from '../couponTemplate/goodsPage/config/main' //优惠券商品列表页
|
import CouponGoodsListForm from '../couponTemplate/goodsPage/config/main' //优惠券商品列表页
|
||||||
|
@ -79,14 +78,14 @@ let couponProduct_list = {
|
||||||
iswitch: false,
|
iswitch: false,
|
||||||
shape: 'circular',
|
shape: 'circular',
|
||||||
textAlign: 'center',
|
textAlign: 'center',
|
||||||
borderColor: '#333',
|
borderColor: '#FFFAF5',
|
||||||
bgColor:'#a00',
|
bgColor:'#FFD8BB',
|
||||||
fontColor:'#f3f4f5',
|
fontColor:'#ADADAD',
|
||||||
placeholder: '请输入关键字搜索'
|
placeholder: '请输入商品名称'
|
||||||
},
|
},
|
||||||
title: {
|
title: {
|
||||||
iswitch: false,
|
iswitch: false,
|
||||||
text: '商品标题',
|
text: '商品列表',
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
fontColor: '#333',
|
fontColor: '#333',
|
||||||
fontSize: 1,
|
fontSize: 1,
|
||||||
|
|
|
@ -168,7 +168,6 @@
|
||||||
|
|
||||||
.page-title-control {
|
.page-title-control {
|
||||||
border-bottom: 1px solid #eeeff3;
|
border-bottom: 1px solid #eeeff3;
|
||||||
margin-bottom: 16.5px;
|
|
||||||
padding: 17px 0 16px 24px;
|
padding: 17px 0 16px 24px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
|
@ -239,7 +239,7 @@ export default class edittemplate extends React.Component {
|
||||||
console.log('白名单', this.state);
|
console.log('白名单', this.state);
|
||||||
return (
|
return (
|
||||||
<div style={{ width: "92%", "margin": "0 auto 60px", "overflow": "auto", "maxHeight": "100%" }}>
|
<div style={{ width: "92%", "margin": "0 auto 60px", "overflow": "auto", "maxHeight": "100%" }}>
|
||||||
<div style={{ fontWeight: 'bold' }}>基础设置</div>
|
<div style={{ fontWeight: 'bold',marginTop:'16px' }}>基础设置</div>
|
||||||
|
|
||||||
<Form model={this.state.model} ref="form1">
|
<Form model={this.state.model} ref="form1">
|
||||||
{
|
{
|
||||||
|
@ -262,7 +262,7 @@ export default class edittemplate extends React.Component {
|
||||||
<div style={{ marginTop: '20px', marginBottom: '15px', fontWeight: 'bold' }}>样式</div>
|
<div style={{ marginTop: '20px', marginBottom: '15px', fontWeight: 'bold' }}>样式</div>
|
||||||
<FormItem labelname="背景颜色:" prop="font_color" id="font_color" labelwidth="80px">
|
<FormItem labelname="背景颜色:" prop="font_color" id="font_color" labelwidth="80px">
|
||||||
<div className="colorItembg dfleac">
|
<div className="colorItembg dfleac">
|
||||||
<span className="cicle" style={{ border: '1px solid #f1f2f3' }} className={this.state.model.bg_color == '#ffffff' ? "cicle activecicle" : "cicle"} onClick={() => { this.bgcolor('#ffffff') }}></span>
|
<span style={{ border: '1px solid #f1f2f3' }} className={this.state.model.bg_color == '#ffffff' ? "cicle activecicle" : "cicle"} onClick={() => { this.bgcolor('#ffffff') }}></span>
|
||||||
<span className={this.state.model.bg_color == '#EEEEEE' ? "activecicle cicle cicle1" : "cicle cicle1"} onClick={() => { this.bgcolor('#EEEEEE') }}></span>
|
<span className={this.state.model.bg_color == '#EEEEEE' ? "activecicle cicle cicle1" : "cicle cicle1"} onClick={() => { this.bgcolor('#EEEEEE') }}></span>
|
||||||
<span className={this.state.model.bg_color == '#000000' ? "activecicle cicle cicle2" : "cicle cicle2"} onClick={() => { this.bgcolor('#000000') }}></span>
|
<span className={this.state.model.bg_color == '#000000' ? "activecicle cicle cicle2" : "cicle cicle2"} onClick={() => { this.bgcolor('#000000') }}></span>
|
||||||
<div className="selfset" >
|
<div className="selfset" >
|
||||||
|
|
Loading…
Reference in New Issue