import * as React from 'react'
import CoverImg from "./coverImg";
import ProductName from "./productName";
import ShopProductDescption from "./productDesc";
import ShopPrice from "./productPrice";
import ShopOriginalPrice from "./productOriginalPrice";
import ShopProductBtn from "./productBtn";
import LinkWrapper from "../goodslinkWrapper";
import MUtil from "../../util/utils";
import ShopMarkingNum from "./markingNum";
import MemberPrice from "./productPrice/member_price";
import OnlyPrice from "./productRetailPrice/onlyPrice";
import RetailPrice from "./productRetailPrice";

const marketType = MUtil.marketType();

class ShopProduct extends React.Component<any, any> {
    constructor(props) {
        super(props);
    }

    componentDidMount(): void {

    }

    render() {
        let data = this.props.data;
        return (
            <LinkWrapper {...data}
                         className={'shop-pro-item shop-distri-item'
                         + (data.className ? ' ' + data.className : '')
                         + (data.fillType == 2 ? ' shop-pro-item-cover' : '')
                         }
            >
                <div className={'shop-pro-content'}>
                    <div className={'shop-relative shop-pro-img-wrapper'}>
                        {/*图片*/}
                        <CoverImg data={data}></CoverImg>
                    </div>

                    <div className={'shop-pro-bot-wrapper'}>

                        {/*商品名称*/}
                        <ProductName data={data}>
                            {/*普通商品-详细列表样式显示角标*/}
                            {
                                data.showLtTag && data.cptType == 2004 ?
                                    <span className={'shop-product-LtTag'}>
                                    <span className={''}>
                                        {
                                            data.ltTagText == '2' ?
                                                <span className={'shop-product-LtTag-danger'}>热卖</span> :
                                                data.ltTagText == '3' ?
                                                    <span className={'shop-product-LtTag-success'}>NEW</span> :
                                                    data.ltTagText == '4' ?
                                                        <span
                                                            className={'shop-product-LtTag-danger'}>HOT</span> :
                                                        <span className={'shop-product-LtTag-success'}>新品</span>
                                        }
                                    </span>
                                </span> : ''
                            }
                        </ProductName>


                        {/*商品描述*/}
                        <ShopProductDescption data={data}></ShopProductDescption>

                        {
                            data.cptType ==2004 &&  data.marketType ==1 && data.showPrice == 1 ?  <div className={'shop-product-price-container-dirtri'}>
                                {/*价格*/}
                                <ShopPrice data={data}></ShopPrice>

                            </div> : ''
                        }
                        {
                            data.cptType ==2002 &&  data.marketType ==1 ? <RetailPrice data={data}></RetailPrice>:""
                        }
                        {/*价格和购买按钮*/}
                        <div className={'shop-product-card'}>

                            {
                                data.cptType !=2001?<MemberPrice data={data}></MemberPrice>:''
                            }


                            {
                                data.showPrice == 1  && data.marketType !=1?
                                    <div className={'shop-product-price-container'}>
                                        {/*价格*/}
                                        <ShopPrice data={data}></ShopPrice>

                                    </div> : ''
                            }
                            {
                                data.showPrice == 1  && data.marketType ==1 && data.cptType==2002?
                                    <div className={'shop-product-price-container'}>
                                        {/*价格*/}
                                        <ShopPrice data={data}></ShopPrice>

                                    </div> : ''
                            }
                            {
                                data.cptType == 2001 || (data.cptType == 2005&&data.className == 'shop-pro-item-big') ? <MemberPrice data={data} size={'big'}></MemberPrice>:''
                            }
                            {
                                data.cptType == 2004 && data.marketType ==1 ? <OnlyPrice data={data} ></OnlyPrice>:""
                            }
                            {
                                data.showPartNum == 1 || data.showPurBtn ?
                                    <div className={'shop-product-btn-container'}>
                                        {/*购买按钮*/}
                                        <ShopProductBtn data={data}></ShopProductBtn>

                                    </div> : ''
                            }

                        </div>

                        {
                            data.showLtTag && data.cptType != 2004 ?
                                <span className={
                                    data.ltTagText == '2' ? 'shop-pro-tag-2' :
                                        data.ltTagText == '3' ? 'shop-pro-tag-3' :
                                            data.ltTagText == '4' ? 'shop-pro-tag-4' : 'shop-pro-tag-1'
                                }>

                            </span> : ''
                        }
                    </div>
                    {this.props.children}
                </div>
            </LinkWrapper>
        );
    }
}

export default ShopProduct;