调整无图状态

app/containers/common/ProductModel.js

@@ -758,7 +758,7 @@ class ProductModel extends Component {
             })
         }
 
-        console.log('底部🉐️=====', localBottomContData)
+        // console.log('底部🉐️=====', localBottomContData)
         // localBottomContData = [{
         //     supplier_short_name: "嘉思特华剑医疗器材（天津）有限公司", // 测试
         //     supplier_code: "SU00000369", // 测试
@@ -925,7 +925,7 @@ class ProductModel extends Component {
                 sel_tip += `${proItem.category_name}x${proItem[LocalVariable.SELECTED_QUQNTITY]} `
             }
         })
-        console.log('弹窗⏏️=======', topProcOptionList)
+        // console.log('弹窗⏏️=======', topProcOptionList)
         return (
             <View style={list_common_item.sub_box}>
                 <View style={list_common_item.sub_two_btn}>

app/containers/common/listDataComponent/PictureZoom.js

@@ -28,7 +28,7 @@ class PictureZoom extends Component {
     handleShowZoomPic(flag) {
         this.setState({
             picZoomIsShow: flag
-        })   
+        })
     }
 
     // 图片加载
@@ -51,20 +51,26 @@ class PictureZoom extends Component {
 
     // 大图样式
     handleRenderImage(props) {
-        return(
+        return (
             <View style={styles.zoom_pic_img_box}>
-                <Image {...props} style={[props.style, styles.zoom_pic_img]}/>
+                <Image {...props} style={[props.style, styles.zoom_pic_img]} />
             </View>
         )
     }
 
-    render() { 
-        let {listImageUrls, listImageIndex, listStyleImage, listPicType} = this.props
-        let {picZoomIsShow, listPicTypeArr, picStyleArr} = this.state
+    render() {
+        let { listImageUrls, listImageIndex, listStyleImage, listPicType } = this.props
+        let { picZoomIsShow, listPicTypeArr, picStyleArr } = this.state
         let picOthStyle = ''
-        if(listPicTypeArr.indexOf(listPicType) > -1){
+        if (listPicTypeArr.indexOf(listPicType) > -1) {
             picOthStyle = picStyleArr[listPicTypeArr.indexOf(listPicType)]
         }
+        let canShow = true
+        let cur_defalut = { uri: listImageUrls[listImageIndex].url }
+        if (!listImageUrls[listImageIndex].url) {
+            cur_defalut = require('../../../images/not_img.png')
+            canShow = false
+        }
 
         return (
             <View style={[styles.container]}>
@@ -72,34 +78,39 @@ class PictureZoom extends Component {
                     activeOpacity={.8}
                     style={[styles.list_item_img, styles[picOthStyle], listStyleImage]}
                     onPress={() => this.handleShowZoomPic(true)}
-                    >
+                >
                     <Image
                         defaultSource={require('../../../images/not_img.png')}
-                        source={{uri: listImageUrls[listImageIndex].url}}
+                        // source={{uri: listImageUrls[listImageIndex].url}}
+                        source={cur_defalut}
                         style={icon_style}
                         resizeMode="cover" />
                 </TouchableOpacity>
-                <Modal
-                    visible={picZoomIsShow}
-                    animationType={"slide"}
-                    transparent={true}
-                    style={styles.modal_box}
-                    >
-                    <ImageViewer
-                        enableImageZoom={true}
-                        saveToLocalByLongPress={false}
-                        loadingRender={() => this.renderImageLoad()}
-                        enableSwipeDown={true}
-                        imageUrls={listImageUrls}
-                        index={listImageIndex}
-                        onClick={() => this.handleShowZoomPic(false)}
-                        backgroundColor={'rgba(0,0,0,.6)'}
-                        renderImage = {(props) => this.handleRenderImage(props)}
-                        renderIndicator={(currentIndex, allSize, props) => this.renderPageIndicator(currentIndex, allSize, props)}
-                        />
-                </Modal>
+                {
+                    canShow ?
+                        <Modal
+                            visible={picZoomIsShow}
+                            animationType={"slide"}
+                            transparent={true}
+                            style={styles.modal_box}
+                        >
+                            <ImageViewer
+                                enableImageZoom={true}
+                                saveToLocalByLongPress={false}
+                                loadingRender={() => this.renderImageLoad()}
+                                enableSwipeDown={true}
+                                imageUrls={listImageUrls}
+                                index={listImageIndex}
+                                onClick={() => this.handleShowZoomPic(false)}
+                                backgroundColor={'rgba(0,0,0,.6)'}
+                                onDoubleClick={() => this.handleShowZoomPic(false)}
+                                renderImage={(props) => this.handleRenderImage(props)}
+                                renderIndicator={(currentIndex, allSize, props) => this.renderPageIndicator(currentIndex, allSize, props)}
+                            />
+                        </Modal> : null
+                }
             </View>
-         );
+        );
     }
 }
 
@@ -141,5 +152,5 @@ const styles = StyleSheet.create({
         fontFamily: font_family_medium
     }
 })
- 
+
 export default PictureZoom;
\ No newline at end of file