✨ feat(补充面料详情页客户浮窗):
This commit is contained in:
parent
8ac939e693
commit
b2616abab0
@ -1,4 +1,4 @@
|
|||||||
// export const BASE_URL = CURRENT_BASE_URL
|
export const BASE_URL = CURRENT_BASE_URL
|
||||||
// export const BASE_URL = `http://192.168.0.75:50001/lymarket`
|
// export const BASE_URL = `http://192.168.0.75:50001/lymarket`
|
||||||
// export const BASE_URL = `http://192.168.0.89:50001/lymarket`
|
// export const BASE_URL = `http://192.168.0.89:50001/lymarket`
|
||||||
// export const BASE_URL = `http://10.0.0.5:50001/lymarket`
|
// export const BASE_URL = `http://10.0.0.5:50001/lymarket`
|
||||||
@ -12,7 +12,7 @@
|
|||||||
// export const BASE_URL = `https://dev.zzfzyc.com/lymarket` // 开发环境
|
// export const BASE_URL = `https://dev.zzfzyc.com/lymarket` // 开发环境
|
||||||
// export const BASE_URL = 'https://www.zzfzyc.com/lymarket' // 正式环境
|
// export const BASE_URL = 'https://www.zzfzyc.com/lymarket' // 正式环境
|
||||||
// export const BASE_URL = `http://192.168.1.5:40001/lymarket` // 王霞
|
// export const BASE_URL = `http://192.168.1.5:40001/lymarket` // 王霞
|
||||||
export const BASE_URL = 'http://192.168.1.7:50002/lymarket' // 添
|
// export const BASE_URL = 'http://192.168.1.7:50002/lymarket' // 添
|
||||||
// export const BASE_URL = 'http://192.168.1.28:50002/lymarket' // 婷
|
// export const BASE_URL = 'http://192.168.1.28:50002/lymarket' // 婷
|
||||||
// export const BASE_URL = `http://192.168.1.42:50002/lymarket` // 杰
|
// export const BASE_URL = `http://192.168.1.42:50002/lymarket` // 杰
|
||||||
|
|
||||||
|
|||||||
@ -180,130 +180,132 @@ const Details = (props: Params) => {
|
|||||||
const [showPopup, setshowPopup] = useState(false)
|
const [showPopup, setshowPopup] = useState(false)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View className={styles.main}>
|
<MoveBtn showList={['customer']}>
|
||||||
<DesSwiper list={productInfo.texture_url ? productInfo.texture_url.toString().split(',') : []} />
|
<View className={styles.main}>
|
||||||
<View className={styles.product_header}>
|
<DesSwiper list={productInfo.texture_url ? productInfo.texture_url.toString().split(',') : []} />
|
||||||
<View className={styles.title}>
|
<View className={styles.product_header}>
|
||||||
{productInfo.code && <View className={styles.name}>{productName}</View>}
|
<View className={styles.title}>
|
||||||
<View className={styles.des}>{productInfo.describe}</View>
|
{productInfo.code && <View className={styles.name}>{productName}</View>}
|
||||||
|
<View className={styles.des}>{productInfo.describe}</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles.collect} onClick={openCollection}>
|
||||||
|
<View
|
||||||
|
className={classnames(
|
||||||
|
`iconfont ${collectStatus ? 'icon-shoucangchenggong' : 'icon-dianjishoucang'}`,
|
||||||
|
styles.miconfont,
|
||||||
|
collectStatus && styles.collected,
|
||||||
|
)}
|
||||||
|
></View>
|
||||||
|
<View className={styles.text}>收藏</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles.share}>
|
||||||
|
<View className={classnames('iconfont icon-fenxiangshangpin', styles.miconfont)}></View>
|
||||||
|
<View className={styles.text}>分享</View>
|
||||||
|
<Button open-type="share" className={styles.shareBtn}></Button>
|
||||||
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.collect} onClick={openCollection}>
|
<View className={styles.des_data}>
|
||||||
<View
|
<View className={styles.flexBox}>
|
||||||
className={classnames(
|
<View className={styles.title}>商品参数</View>
|
||||||
`iconfont ${collectStatus ? 'icon-shoucangchenggong' : 'icon-dianjishoucang'}`,
|
{
|
||||||
styles.miconfont,
|
productInfo.is_instruct && <View className={styles.flexRight} onClick={() => setshowPopup(true)}>{'特色百科 >'}</View>
|
||||||
collectStatus && styles.collected,
|
}
|
||||||
)}
|
</View>
|
||||||
></View>
|
<View className={styles.con}>
|
||||||
<View className={styles.text}>收藏</View>
|
{/* <View className={styles.des_text}>
|
||||||
</View>
|
|
||||||
<View className={styles.share}>
|
|
||||||
<View className={classnames('iconfont icon-fenxiangshangpin', styles.miconfont)}></View>
|
|
||||||
<View className={styles.text}>分享</View>
|
|
||||||
<Button open-type="share" className={styles.shareBtn}></Button>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles.des_data}>
|
|
||||||
<View className={styles.flexBox}>
|
|
||||||
<View className={styles.title}>商品参数</View>
|
|
||||||
{
|
|
||||||
productInfo.is_instruct && <View className={styles.flexRight} onClick={() => setshowPopup(true)}>{'特色百科 >'}</View>
|
|
||||||
}
|
|
||||||
</View>
|
|
||||||
<View className={styles.con}>
|
|
||||||
{/* <View className={styles.des_text}>
|
|
||||||
编号：<Text>{productInfo.code}</Text>
|
编号：<Text>{productInfo.code}</Text>
|
||||||
</View> */}
|
</View> */}
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
幅宽：<Text>{productInfo.width}</Text>
|
幅宽：<Text>{productInfo.width}</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
工艺：<Text>{productInfo.craft}</Text>
|
工艺：<Text>{productInfo.craft}</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
空差：<Text>{productInfo.weight_error_discount / 1000}KG</Text>
|
空差：<Text>{productInfo.weight_error_discount / 1000}KG</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
克重：<Text>{productInfo.weight_density}</Text>
|
克重：<Text>{productInfo.weight_density}</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
成分：<Text>{productInfo.component}</Text>
|
成分：<Text>{productInfo.component}</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
纸筒：<Text>{productInfo.tube / 1000}KG</Text>
|
纸筒：<Text>{productInfo.tube / 1000}KG</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
出米数：<Text>{productInfo.length_to_weight_rate / 100}</Text>
|
出米数：<Text>{productInfo.length_to_weight_rate / 100}</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.des_text}>
|
<View className={styles.des_text}>
|
||||||
开单减空差：<Text>{productInfo.weight_error / 1000}KG</Text>
|
开单减空差：<Text>{productInfo.weight_error / 1000}KG</Text>
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles.product_color}>
|
|
||||||
<View className={styles.title}>色号信息 ({productInfo?.product_color_list?.length})</View>
|
|
||||||
<View className={styles.list}>
|
|
||||||
{productInfo?.product_color_list?.map((item) => {
|
|
||||||
return (
|
|
||||||
<View key={item.id} className={styles.item}>
|
|
||||||
<View className={styles.item_color}>
|
|
||||||
<LabAndImg
|
|
||||||
value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }}
|
|
||||||
showStatus
|
|
||||||
round
|
|
||||||
name={formatRemoveHashTag(item.code)}
|
|
||||||
/>
|
|
||||||
</View>
|
|
||||||
<View className={styles.item_name}>{item.name}</View>
|
|
||||||
<View className={styles.bulk_price}>{formatPriceDiv(item.bulk_price)}/Kg</View>
|
|
||||||
</View>
|
|
||||||
)
|
|
||||||
})}
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
<View className={styles.product_detail}>
|
|
||||||
<RichText nodes={html}></RichText>
|
|
||||||
</View>
|
|
||||||
<View className={styles.product_buy}>
|
|
||||||
<View className={styles.icon_btn}>
|
|
||||||
<View className={styles.customer_service}>
|
|
||||||
<View className={classnames('iconfont icon-kefu', styles.miconfont)}></View>
|
|
||||||
<View className={styles.text}>
|
|
||||||
询货/咨询
|
|
||||||
<Button
|
|
||||||
className={styles.wxBtn}
|
|
||||||
openType="contact"
|
|
||||||
sendMessageImg={shareImg}
|
|
||||||
sendMessageTitle={productName}
|
|
||||||
showMessageCard
|
|
||||||
sendMessagePath={`/pages/details/index?id=${productInfo.id}`}
|
|
||||||
></Button>
|
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.buy_cart} onClick={() => setShowCart(true)}>
|
</View>
|
||||||
<View className={classnames('iconfont icon-gouwuche', styles.miconfont)}></View>
|
<View className={styles.product_color}>
|
||||||
<View className={styles.text}>购物车</View>
|
<View className={styles.title}>色号信息 ({productInfo?.product_color_list?.length})</View>
|
||||||
{commonData.shopCount > 0 && <View className={styles.product_num}>{commonData.shopCount > 99 ? '99+' : commonData.shopCount}</View>}
|
<View className={styles.list}>
|
||||||
|
{productInfo?.product_color_list?.map((item) => {
|
||||||
|
return (
|
||||||
|
<View key={item.id} className={styles.item}>
|
||||||
|
<View className={styles.item_color}>
|
||||||
|
<LabAndImg
|
||||||
|
value={{ lab: item.lab, rgb: item.rgb, texture_url: item.texture_url, title: item.code }}
|
||||||
|
showStatus
|
||||||
|
round
|
||||||
|
name={formatRemoveHashTag(item.code)}
|
||||||
|
/>
|
||||||
|
</View>
|
||||||
|
<View className={styles.item_name}>{item.name}</View>
|
||||||
|
<View className={styles.bulk_price}>{formatPriceDiv(item.bulk_price)}/Kg</View>
|
||||||
|
</View>
|
||||||
|
)
|
||||||
|
})}
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
<View className={styles.product_detail}>
|
||||||
|
<RichText nodes={html}></RichText>
|
||||||
|
</View>
|
||||||
|
<View className={styles.product_buy}>
|
||||||
|
<View className={styles.icon_btn}>
|
||||||
|
<View className={styles.customer_service}>
|
||||||
|
<View className={classnames('iconfont icon-kefu', styles.miconfont)}></View>
|
||||||
|
<View className={styles.text}>
|
||||||
|
询货/咨询
|
||||||
|
<Button
|
||||||
|
className={styles.wxBtn}
|
||||||
|
openType="contact"
|
||||||
|
sendMessageImg={shareImg}
|
||||||
|
sendMessageTitle={productName}
|
||||||
|
showMessageCard
|
||||||
|
sendMessagePath={`/pages/details/index?id=${productInfo.id}`}
|
||||||
|
></Button>
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
<View className={styles.buy_cart} onClick={() => setShowCart(true)}>
|
||||||
|
<View className={classnames('iconfont icon-gouwuche', styles.miconfont)}></View>
|
||||||
|
<View className={styles.text}>购物车</View>
|
||||||
|
{commonData.shopCount > 0 && <View className={styles.product_num}>{commonData.shopCount > 99 ? '99+' : commonData.shopCount}</View>}
|
||||||
|
</View>
|
||||||
|
</View>
|
||||||
|
|
||||||
{(!userInfo.adminUserInfo?.is_authorize_phone && (
|
{(!userInfo.adminUserInfo?.is_authorize_phone && (
|
||||||
<View className={styles.buy_btn}>
|
<View className={styles.buy_btn}>
|
||||||
<Button className={styles.wxBtn} open-type="getPhoneNumber" onGetPhoneNumber={e => placeOrder('to_phone', e)}></Button>
|
<Button className={styles.wxBtn} open-type="getPhoneNumber" onGetPhoneNumber={e => placeOrder('to_phone', e)}></Button>
|
||||||
选购商品
|
选购商品
|
||||||
</View>
|
</View>
|
||||||
)) || (
|
)) || (
|
||||||
<View className={styles.buy_btn} onClick={() => placeOrder('to_order')}>
|
<View className={styles.buy_btn} onClick={() => placeOrder('to_order')}>
|
||||||
选购商品
|
选购商品
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
|
</View>
|
||||||
|
<OrderCount show={showOrderCount} is_first_login={productInfo.is_first_login} onClose={() => setShowOrderCount(false)} title={productName} productId={productInfo.id} />
|
||||||
|
<ShopCart show={showCart} onClose={() => setShowCart(false)} />
|
||||||
|
<AddCollection show={collectionShow} onAdd={onAdd} onClose={closeCollection} />
|
||||||
|
<FeaturePopup showPopup={showPopup} closePopup={() => setshowPopup(false)} productName={productName} productIds={Number(params?.id)}></FeaturePopup>
|
||||||
|
<View className="common_safe_area_y"></View>
|
||||||
</View>
|
</View>
|
||||||
<OrderCount show={showOrderCount} is_first_login={productInfo.is_first_login} onClose={() => setShowOrderCount(false)} title={productName} productId={productInfo.id} />
|
</MoveBtn>
|
||||||
<ShopCart show={showCart} onClose={() => setShowCart(false)} />
|
|
||||||
<AddCollection show={collectionShow} onAdd={onAdd} onClose={closeCollection} />
|
|
||||||
<FeaturePopup showPopup={showPopup} closePopup={() => setshowPopup(false)} productName={productName} productIds={Number(params?.id)}></FeaturePopup>
|
|
||||||
<View className="common_safe_area_y"></View>
|
|
||||||
</View>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user