Merge branch 'test' into dev

src/constants/index.ts

@@ -72,10 +72,10 @@ export const isDev = process.env.NODE_ENV === "development"
 // export const isDev = false
 
 export const Environment_Status = {
-  0: "所有",
-  1: "PC",
+  1: "web",
   2: "H5",
-  3: "APP"
+  3: "小程序",
+  4: "APP"
 }
 
 export enum FILTER_TYPE {

src/pages/channel/components/templateItem/index.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import { PlayCircleOutlined } from '@ant-design/icons'
 import cx from 'classnames'
 import { Link } from 'umi'
-import default_img from '@/assets/imgs/template_default_img.png'
 import styles from './index.less'
 
 interface TemplateItemPropsType {

src/pages/channel/templateDetail/index.tsx

@@ -7,7 +7,6 @@ import UseModal from '../components/useModal'
 import { PublicApi } from '@/services/api'
 import { Environment_Status } from '@/constants'
 import { GetTemplateWebPageTemplateWebFindChannelTemplateDetailsResponse } from '@/services/TemplateApi'
-import default_img from '@/assets/imgs/template_default_img.png'
 import styles from './index.less'
 
 interface TemplateDetailPropsType {
@@ -74,7 +73,7 @@ const TemplateDetail: React.FC<TemplateDetailPropsType> = (props) => {
         <div className={styles.template_info_wrap}>
           <div className={styles.template_img_box}>
             <div className={cx(styles.type_tag)}>{Environment_Status[detailInfo?.environment]}</div>
-            <img src={default_img} />
+            <img src={detailInfo?.templatePicUrl} />
           </div>
           <div className={styles.template_info}>
             <div className={styles.template_info_line}>

src/pages/lxMall/commodityDetail/components/ProductDescription/index.less

@@ -19,6 +19,10 @@
       line-height: 32px;
       right: 0;
       bottom: 0;
+
+      &.hide {
+        display: none;
+      }
     }
 
     :global {

src/pages/lxMall/commodityDetail/components/ProductDescription/index.tsx

@@ -22,13 +22,26 @@ const ProductDescription: React.FC<ProductDescriptionPropsType> = (props) => {
   const [productIds, setProductIds] = useState<number[]>([])
   const [tradeRecordCount, setTradeRecordCount] = useState<number>(0)
   const [commentCount, setCommentCount] = useState<number>(0)
+  const [backTopVisible, setBackTopVisible] = useState<boolean>(false)
 
   const handleAnchorChange = (currentActiveLink: string) => {
     if (currentActiveLink) {
+      setBackTopVisible(true)
       setCurrentAnchor(currentActiveLink)
     }
   }
 
+  const handleScroll = () => {
+    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
+    if(scrollTop === 0) {
+      setBackTopVisible(false)
+    }
+  }
+
+  useEffect(() => {
+    window.addEventListener('scroll', handleScroll)
+  }, [])
+
   useEffect(() => {
     if (commodityDetail) {
       if (commodityDetail.unitPricePicList) {
@@ -47,7 +60,13 @@ const ProductDescription: React.FC<ProductDescriptionPropsType> = (props) => {
         <Link className={cx(currentAnchor === "#introduction" ? 'active' : '')} href="#introduction" title="产品简介" />
         <Link href="#trade_record" title={commodityDetail?.priceType === COMMODITY_TYPE.integral ? `兑换记录${tradeRecordCount ? `(${tradeRecordCount})` : `(0)`}` : `交易记录${tradeRecordCount ? `(${tradeRecordCount})` : `(0)`}`} />
         <Link href="#comment" title={`交易评价(${commentCount > 999 ? '999+' : commentCount})`} />
-        <BackTop className={styles.buy_now_btn} visibilityHeight={800} >立即订购</BackTop>
+        <BackTop
+          className={cx(styles.buy_now_btn, !backTopVisible ? styles.hide : null)}
+          visibilityHeight={800}
+          onClick={() => setBackTopVisible(false)}
+        >
+          {commodityDetail?.priceType === COMMODITY_TYPE.integral ? '立即兑换' : '立即订购'}
+        </BackTop>
       </Anchor>
       <Introduction commodityDetail={commodityDetail} />
       <TradeRecord productIds={productIds} setCount={(count) => setTradeRecordCount(count)} />

src/pages/lxMall/commodityDetail/index.tsx

@@ -547,8 +547,8 @@ const CommodityDetail = (props) => {
             name: commodityDetail.name,
             priceRange: commodityPriceInfo,
             memberDiscount: parameter,
-            category: commodityDetail.customerCategory.name,
-            brand: commodityDetail.brand.name,
+            category: commodityDetail.customerCategory && commodityDetail.customerCategory.name,
+            brand: commodityDetail.brand && commodityDetail.brand.name,
             stockCount: stockCount,
             minOrder: commodityDetail.minOrder,
             commodityPic: attrAndValList.commodityPic ? attrAndValList.commodityPic[0] : commodityDetail.mainPic,

src/pages/lxMall/components/Category/index.tsx

@@ -4,6 +4,7 @@ import { inject, observer } from 'mobx-react'
 import { Link } from 'umi'
 import cx from 'classnames'
 import { LAYOUT_TYPE } from '@/constants'
+import ImageBox from '@/components/ImageBox'
 import { PublicApi } from '@/services/api'
 import { GlobalConfig } from '@/global/config'
 import styles from './index.less'
@@ -140,9 +141,11 @@ const Category: React.FC<CategoryPropsType> = (props) => {
                     <div className={styles.category_type_right_wrap}>
                       <div className={styles.category_advert}>
                         {
-                          (item.brandBOList && item.brandBOList.length > 0) && item.brandBOList.map((brandItem, brandIndex) => brandIndex < 4 && (
+                          (item.brandList && item.brandList.length > 0) && item.brandList.map((brandItem, brandIndex) => brandIndex < 4 && (
                             <div key={`category_advert_item_${brandIndex}`} className={styles.category_advert_item}>
-                              <Link to={getBrandLink(brandItem)}>  <img src={brandItem.brandLogo} /></Link>
+                              <a href={getBrandLink(brandItem)}>
+                                <ImageBox width={160} height={80} imgUrl={brandItem.brandLogo} />
+                              </a>
                             </div>
                           ))
                         }

src/pages/lxMall/components/TopBar/index.tsx

@@ -74,7 +74,7 @@ const TopBar: React.FC<TopBarPropsType> = (props) => {
                   <div className={styles.userInfo_card_header}>
                     <ImageBox width={64} height={64} circle={true} direction="column" imgUrl={defaultAvatar} />
                     <div className={styles.userInfo_card_column}>
-                      <div className={styles.credit_count}>信用积分：<span>{numFormat(userInfo.score || 0)}</span></div>
+                      <div className={styles.credit_count}>信用积分：<span>{numFormat(userInfo.creditPoint || 0)}</span></div>
                       <div className={styles.user_type}>{userInfo.levelTag}</div>
                     </div>
                     <div className={styles.sign_out_btn} onClick={handleSignOut}>退出账号</div>

src/pages/lxMall/purchaseOrder/index.tsx

@@ -565,8 +565,8 @@ const PurchaseOrder: React.FC<PurchaseOrderPropsType> = (props) => {
         name: item.commodityUnitPrice.commodity.name,
         minOrder: item.commodityUnitPrice.commodity.minOrder,
         priceRange: item.commodityUnitPrice.priceRange,
-        category: item.commodityUnitPrice.commodity.customerCategory.name,
-        brand: item.commodityUnitPrice.commodity.brand.name,
+        category: item.commodityUnitPrice.commodity.customerCategory && item.commodityUnitPrice.commodity.customerCategory.name,
+        brand: item.commodityUnitPrice.commodity.brand && item.commodityUnitPrice.commodity.brand.name,
         commodityPic: item.commodityUnitPrice.commodity.mainPic,
         attribute: item.commodityUnitPrice.attributeAndValueList,
         stockCount: item.stockCount || 0,

src/pages/shop/components/templateItem/index.tsx

@@ -11,17 +11,17 @@ interface TemplateItemPropsType {
 }
 
 const Environment_Status = {
-  0: {
-    name: "所有"
-  },
   1: {
-    name: "PC "
+    name: "web"
   },
   2: {
-    name: "H5 "
+    name: "H5"
   },
   3: {
-    name: "APP "
+    name: "小程序"
+  },
+  4: {
+    name: "APP"
   }
 }
 

src/pages/shop/templateDetail/index.tsx

@@ -6,7 +6,6 @@ import UseModal from '../components/useModal'
 import { PublicApi } from '@/services/api'
 import { Environment_Status } from '@/constants'
 import { GetTemplateWebPageTemplateWebFindShopTemplateDetailsResponse } from '@/services/TemplateApi'
-import default_img from '@/assets/imgs/template_default_img.png'
 import styles from './index.less'
 
 interface TemplateDetailPropsType {
@@ -74,7 +73,7 @@ const TemplateDetail: React.FC<TemplateDetailPropsType> = (props) => {
         <div className={styles.template_info_wrap}>
           <div className={styles.template_img_box}>
             <div className={cx(styles.type_tag)}>{Environment_Status[detailInfo?.environment]}</div>
-            <img src={default_img} />
+            <img src={detailInfo?.templatePicUrl} />
           </div>
           <div className={styles.template_info}>
             <div className={styles.template_info_line}>