优惠券立减金页面编写

src/pages/exchangepage/couponTemplate/goodDetail/reduce/main.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { ColorPicker} from 'zent';
+import Form from "@/components/form/main"
+import FormItem from "@/components/form-item/main"
+export default class edittemplate extends React.Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+            model: {
+                font_color: "#AB582F",
+                button_color: "#fff",
+                describe: { type: "", content: " ", bg_image: '' },
+            }
+        }
+    }
+    handleChange = (color) => {
+        let model1 = this.state.model;
+        model1.font_color = color;
+        this.setState({
+            model: model1
+        });
+    }
+    handleChange1 = (color) => {
+        let model1 = this.state.model;
+        model1.button_color = color;
+        this.setState({
+            model: model1
+        });
+    }
+    render() {
+        return (
+            <div>
+				<div className='control page-title-control'>
+					<h1 style={{ fontSize: '16px' }}>商品详情页立减金设置</h1>
+				</div>
+            <div style={{ width: "92%", "margin": "0 auto", "overflow": "auto", "maxHeight": "100%" }}>
+                <Form model={this.state.model} ref="form1">
+                    <div style={{ fontWeight: 'bold', marginBottom: '20px' }}>样式</div>
+                    <FormItem labelname="字体颜色:" prop="button_color" id="button_color" labelwidth="80px">
+                        <div className="colorItembg dfleac"  >
+                            <ColorPicker  className="setbgColor" color={this.state.model.font_color} onChange={this.handleChange} />
+                        </div>
+                    </FormItem>
+                    <FormItem labelname="背景颜色:" prop="font_color" id="font_color" labelwidth="80px">
+                        <div className="colorItemfont dfleac">
+                            <ColorPicker className="setbgColor" color={this.state.model.button_color} onChange={this.handleChange1}  />
+                        </div>
+                    </FormItem>
+                </Form>
+            </div>
+            </div>
+        )
+    }
+}

src/pages/exchangepage/edittemplate/main.js

@@ -23,6 +23,7 @@ import BottomBarView from './couponConfig/bottomBar'
 import CouponLandingForm from '../couponTemplate/landingPage/config/main' //优惠券落地页表单
 import CouponGoodsListForm from '../couponTemplate/goodsPage/config/main' //优惠券商品列表页
 import CouponGoodsDetailForm from '../couponTemplate/goodDetail/product/config' //优惠券商品详情页
+import CouponReduceDetailForm from '../couponTemplate/goodDetail/reduce/main' //优惠券商品详情页
 import CouponComLib from '../couponTemplate/goodsPage/componentLib/main' //优惠券组件库
 // import 
 import _ from 'lodash'
@@ -1250,7 +1251,7 @@ export default class edittemplate extends React.Component {
                     setbottomImg={(c) => this.getbottomimgFn(c)}
                     setdetailftc={(c) => this.getdetailfont_color(c)}
                   />:<CouponGoodsDetailForm/>
-                ) :this.state.activeNavStatus == 1?<ReduceConfig />:<CouponGoodsDetailForm/>
+                ) :this.state.activeNavStatus == 1?<ReduceConfig />:<CouponReduceDetailForm/>
                 }
                 {this.state.preview_visible ? (
                   <PreviewEffect previewData={this.state.previewData} showType={this.state.showType} onCloseFn={this.onClose.bind(this)} />