商城测试版v7

src/components/shopCart/index.tsx

@@ -273,6 +273,17 @@ export default ({show = false, onClose, intoStatus='shop'}: param) => {
     //绑定业务员和电话号码
     const [showBindSalesman, setShowBindSalesman] = useState(false)
 
+    //显示图片弹窗
+    const [showLabImage, setShowLabImage] = useState(false)
+    const [labImageValue, setLabImageValue] = useState()
+    const getLabAndImg = useCallback((val) => {
+        setShowLabImage(() => true)
+        setLabImageValue(val)
+    }, [])
+    const closeLabImgShow = useCallback(() => {
+        setShowLabImage(() => false)
+    }, [])
+
     return (
         <View className={styles.shop_cart_main}>
             <Popup showTitle={false} show={showPopup} onClose={() => closePopup()} >
@@ -300,7 +311,7 @@ export default ({show = false, onClose, intoStatus='shop'}: param) => {
                                             <MCheckbox disabled={selectIndex!=-1&&selectIndex!=item.sale_mode} status={!!checkboxData[item.id]} onSelect={() => selectCallBack(item)} onClose={() => colseCallBack(item)}/>
                                         </View>
                                         <View className={styles.img}>
-                                            <LabAndImg value={{lab:item.lab,rgb:item.rgb,texture_url:item.texture_url, title:item.product_color_code}}/>
+                                            <LabAndImg value={{lab:item.lab,rgb:item.rgb,texture_url:item.texture_url, title:item.product_color_code}}  showStatus={false} onClick={getLabAndImg}/>
                                         </View>
                                         <View className={styles.product_item_name}>
                                             <View className={styles.product_item_name_header}>
@@ -353,7 +364,12 @@ export default ({show = false, onClose, intoStatus='shop'}: param) => {
                     </View>
                 </View>
             </Popup>
-            <BindSalesmanPopup show={showBindSalesman} onClose={() => setShowBindSalesman(false)}/>
+            <View>
+                <BindSalesmanPopup show={showBindSalesman} onClose={() => setShowBindSalesman(false)}/>
+            </View>
+            <View>
+                <LabAndImgShow value={labImageValue} show={showLabImage} onClose={closeLabImgShow}/>
+            </View>
         </View>
     )
 }