{ this.sourceClick(c_index) }} >
+
diff --git a/src/pages/exchangepage/template/preview.js b/src/pages/exchangepage/template/preview.js
index a821372e..89384268 100644
--- a/src/pages/exchangepage/template/preview.js
+++ b/src/pages/exchangepage/template/preview.js
@@ -1,186 +1,372 @@
-import ReactDOM from 'react-dom';
-import React, { Component } from 'react';
-import { Button } from 'zent';
-import { RadioGroup, RadioButton, Input, openDialog, Dialog, Notify, Switch, Swiper, Dropdown, DropdownPosition, DropdownClickTrigger, Icon, MenuItem, DropdownContent, Menu, Sweetalert } from 'zent';
-import "../../../assets/comm.css"
-import _ from "lodash";
-import '../edittemplate/goodstemplate'
-import "./preview.less"
-import SearchBarView from '../edittemplate/couponConfig/searchBar' //商品详情搜索栏
-import BottomBarView from '../edittemplate/couponConfig/bottomBar' //底部栏
-
-import Descteplate from "../edittemplate/goodsdesc.js"
+import React from "react";
+import "../../../assets/comm.css";
+import BottomBarView from "../edittemplate/couponConfig/bottomBar"; //底部栏
+import SearchBarView from "../edittemplate/couponConfig/searchBar"; //商品详情搜索栏
+import Descteplate from "../edittemplate/goodsdesc.js";
+import "../edittemplate/goodstemplate";
+import "./preview.less";
export default class preview extends React.Component {
- constructor(props) {
- super(props)
- this.state = {
- layout: "list",
- type: 1,
- top_url: "",
- activeshow: false,
- detailactiveshow: false,
- top_image: 'https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220105/59ba305520d3229e7fc53d5229bfec0c.png',
- middle_image: 'https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220105/5dd765e3b46042f7ecd8c576e6fa9568.png',
- }
- }
- componentDidMount(e) {
- // let center = document.getElementById("preview-center")
- // let img = document.getElementById("preview-center-img")
- // // center.style.height = img.scrollHeight + "px";
- // let imgHeight=this.refs;
- // img.onload = function (e) {
- // center.style.height = imgHeight.middleCenter.clientHeight + "px";
- // }
+ constructor(props) {
+ super(props);
+ this.state = {
+ layout: "list",
+ type: 1,
+ top_url: "",
+ activeshow: false,
+ detailactiveshow: false,
+ top_image:
+ "https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220105/59ba305520d3229e7fc53d5229bfec0c.png",
+ middle_image:
+ "https://lsxd-yunshanfu.oss-cn-hangzhou.aliyuncs.com/common_image/20220105/5dd765e3b46042f7ecd8c576e6fa9568.png",
+ };
+ }
+ showactiveIcon(c) {
+ this.setState({ activeshow: false });
+ }
+ opendescFn() {
+ this.setState({ activeshow: true });
+ }
+ showactivedetail(c) {
+ this.setState({ detailactiveshow: false });
+ }
+ opendetaildescFn() {
+ this.setState({ detailactiveshow: true });
+ }
+ componentDidUpdate() {
+ document.querySelector("#previewbg").scrollTop = 0;
+ }
+ render() {
+ let propsData = this.props.data;
+ let goodsConfig = propsData.product_list;
+ let naVisual = [];
+ if (goodsConfig&&goodsConfig.bottomBar) {
+ naVisual = goodsConfig.bottomBar.navlist.filter((item) => item.iswitch);
+ }
+ return (
+ { this.sourceClick(c_index) }} >
{child.title}
)
@@ -362,7 +296,7 @@ export default class mytemplate extends React.Component {
{
this.state.typeList.map((child, c_index) => {
return (
- { this.typeClick(c_index) }} key={c_index} >
+
{ this.typeClick(c_index) }} key={c_index} >
{child.title}
)
@@ -398,11 +332,11 @@ export default class mytemplate extends React.Component {
- { this.onPreview(child) }}>
+ { this.onPreview(child) }}>
预览
- { this.onUse(child) }}>
+ { this.onUse(child) }}>
使用
@@ -470,7 +404,7 @@ export default class mytemplate extends React.Component {
) : null}
+ onClick={() => { this.onUse(this.state.moudleData, this.state.showType) }}> 使用
+
+ );
+ }
}
+ {this.props.step == 1 ? (
+ this.showactiveIcon(c)}
+ goodsdata={propsData.product_list}
+ />
+ ) : (
+ this.showactivedetail(c)}
+ goodsdata={propsData.product_detail}
+ />
+ ) : (
+
+
+
+ ) : null}
+ {this.props.step == 2 ? (
+ this.state.activeshow &&
+ propsData.product_list.describe.type == 2 &&
+ propsData.product_list.describe.content ? (
+
+ {propsData.land.top_image ? (
+ 
+ ) : (
+ 
+ )}
+
+
+ {propsData.land.middle_image ? (
+ 
+ ) : (
+ 
+ )}
+ {this.props.pageType == 1 ? (
+ 
+ ) : (
+ 
+ )}
+
+
+
+ ) : (
+
+ )}
+
+
+ {propsData.land.describe.bg_image ? (
+ 
+ ) : null}
+ {propsData.land.describe.content ? (
+
+ ) : null}
+
+
+ {goodsConfig.search && goodsConfig.search.iswitch ? (
+ 
+ {!propsData.product_list.top_image ? (
+
+ ) : (
+ 
+ )}
+ {goodsConfig.picture && goodsConfig.picture.iswitch ? (
+ 
+ ) : null}
+ {goodsConfig.title &&
+ goodsConfig.title.iswitch &&
+ goodsConfig.title.comstyle == 1 ? (
+ 
+ ) : null}
- }
- exchangeBtn() {
+ {(goodsConfig.title &&
+ goodsConfig.title.iswitch &&
+ goodsConfig.title.text) ||
+ (goodsConfig.picture &&
+ goodsConfig.picture.iswitch &&
+ goodsConfig.picture.img) ? (
+
+ ) : null}
- }
- showactiveIcon(c) {
- this.setState({ activeshow: false });
- }
- opendescFn() {
- this.setState({ activeshow: true });
- }
- showactivedetail(c) {
- this.setState({ detailactiveshow: false });
- }
- opendetaildescFn() {
- this.setState({ detailactiveshow: true });
- }
- componentDidUpdate(){
- document.querySelector('#previewbg').scrollTop = 0
- }
- render() {
- let propsData = this.props.data;
- let goodsConfig=propsData.product_list;
- let naVisual=[]
- if(goodsConfig.bottomBar){
- naVisual=goodsConfig.bottomBar.navlist.filter(item=>item.iswitch);
- }
- console.log(53,this.props);
- return (
-
- )
- }
+ {this.props.step == 3 ? (
+ this.state.detailactiveshow &&
+ propsData.product_detail.describe.type == 2 &&
+ propsData.product_detail.describe.content ? (
+
+ {goodsConfig.title.text}
+
+ ) : null}
+ {goodsConfig.title &&
+ goodsConfig.title.iswitch &&
+ goodsConfig.title.comstyle == 2 ? (
+
- this.showactivedetail(c)} goodsdata={propsData.product_detail} /> : (
-
-
-
- {
- this.props.step == 1 ? (
- this.showactiveIcon(c)} goodsdata={propsData.product_list} /> : 
: propsData.product_list.list == 3 ? 
: 
- }
- {
- propsData.product_list.list == 2 ? : null
- }
- {
- propsData.product_list.describe.type == 1 ? 
: propsData.product_list.describe.type == 3 ? : null
- }
- {
- propsData.product_list.describe.type == 2 ? 
: null
- }
- {
- goodsConfig.bottomBar&&goodsConfig.bottomBar.iswitch&&naVisual.length>1? :null
- }
-
: null
- }
-
- {
- this.props.step == 3 ? this.state.detailactiveshow && propsData.product_detail.describe.type == 2 && propsData.product_detail.describe.content ?
-
- ) : null
- }
- {
- this.props.step == 2 ? this.state.activeshow && propsData.product_list.describe.type == 2 && propsData.product_list.describe.content ?
- {
- propsData.model.top_image ? 
:
- }
-
-
- {
- propsData.model.middle_image ? 
:
- }
- {
- this.props.pageType == 1 ? :
- }
-
-
- :
- }
-
-
- {
- propsData.model.describe.bg_image ? 
: null
- }
- {
- propsData.model.describe.content ? : null
- }
-
-
- {
- goodsConfig.search&&goodsConfig.search.iswitch?
- 
- {
- !propsData.product_list.top_image ? 
:
- }
- {
- goodsConfig.picture&&goodsConfig.picture.iswitch?:null
- }
- {
- goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==1?
- :null
- }
+ {propsData.product_list.list == 2 ? (
+
+ ) : propsData.product_list.list == 3 ? (
+
+ ) : (
+
+ )}
+ {propsData.product_list.list == 2 ? (
+
+ ) : null}
+ {propsData.product_list.describe.type == 1 ? (
+
+ ) : propsData.product_list.describe.type == 3 ? (
+
+ ) : null}
+ {propsData.product_list.describe.type == 2 ? (
+
+ ) : null}
+ {goodsConfig.bottomBar &&
+ goodsConfig.bottomBar.iswitch &&
+ naVisual.length > 1 ? (
+
+ )
+ ) : null}
- {
- goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.text||goodsConfig.picture&&goodsConfig.picture.iswitch&&goodsConfig.picture.img?:null
-
- }
-
- {
- propsData.product_list.list == 2 ?
- {
- !propsData.product_list.top_image ? : {goodsConfig.title.text}
:null
- }
- {
- goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==2?
-
+ ) : propsData.product_list.list == 3 ? (
+ : propsData.product_list.list == 3 ? :
- }
- {
- propsData.product_list.list == 2 ? : null
- }
- {
- propsData.product_list.describe.type == 1 ? : null
- }
- {
- goodsConfig.bottomBar&&goodsConfig.bottomBar.iswitch&&naVisual.length>1?
-
- 
-
- 
-
- {
- propsData.product_detail.describe.bg_image && propsData.product_detail.describe.type == 1 ? 
: propsData.product_detail.describe.type == 3 ? : null
- }
- {
- propsData.product_detail.describe.type == 2 ? : null
- }
- {
- [1,3].includes(this.props.pageType)?:
-
- ) : null
- }
- {
- this.props.step==4?
-
-
-
-
- {
- propsData.product_detail.describe.bg_image && propsData.product_detail.describe.type == 1 ? : null
- }
- {
- [1,3].includes(this.props.pageType)?:
-
-
- }
-
-
-
- ￥0.00
-共省￥0.01
-
- 
- {
- [1,3].includes(this.props.pageType)?null:
-
- :null
- }
-
- {
- [1,3].includes(this.props.pageType)?null:
-
-
- }
-
-
-
- ￥0.00
-共省￥0.01
-
+
+
+
+
+
+ {propsData.product_detail.describe.bg_image &&
+ propsData.product_detail.describe.type == 1 ? (
+
+ ) : propsData.product_detail.describe.type == 3 ? (
+
+ ) : null}
+ {propsData.product_detail.describe.type == 2 ? (
+
+ ) : null}
+ {[1, 3].includes(this.props.pageType) ? (
+
+ ) : (
+
+ )
+ ) : null}
+ {this.props.step == 4 ? (
+
+
+ )}
+
+
+
+ ￥0.00
+共省￥0.01
+
+
+ {[1, 3].includes(this.props.pageType) ? null : (
+
+ ) : null}
+
+ {[1, 3].includes(this.props.pageType) ? null : (
+
+
+ )}
+
+
+
+ ￥0.00
+共省￥0.01
+