Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit 7f71a364 by Denglingling
Options

调整无图状态

parent a0f966fc
Inline Side-by-side
Showing with 44 additions and 32 deletions
app/containers/common/ProductModel.js
...@@ -758,7 +758,7 @@ class ProductModel extends Component { ...@@ -758,7 +758,7 @@ class ProductModel extends Component {
}) })
} }
console.log('底部🉐️=====', localBottomContData) // console.log('底部🉐️=====', localBottomContData)
// localBottomContData = [{ // localBottomContData = [{
// supplier_short_name: "嘉思特华剑医疗器材（天津）有限公司", // 测试 // supplier_short_name: "嘉思特华剑医疗器材（天津）有限公司", // 测试
// supplier_code: "SU00000369", // 测试 // supplier_code: "SU00000369", // 测试
...@@ -925,7 +925,7 @@ class ProductModel extends Component { ...@@ -925,7 +925,7 @@ class ProductModel extends Component {
sel_tip += `${proItem.category_name}x${proItem[LocalVariable.SELECTED_QUQNTITY]} ` sel_tip += `${proItem.category_name}x${proItem[LocalVariable.SELECTED_QUQNTITY]} `
} }
}) })
console.log('弹窗⏏️=======', topProcOptionList) // console.log('弹窗⏏️=======', topProcOptionList)
return ( return (
<View style={list_common_item.sub_box}> <View style={list_common_item.sub_box}>
<View style={list_common_item.sub_two_btn}> <View style={list_common_item.sub_two_btn}>
......
app/containers/common/listDataComponent/PictureZoom.js
...@@ -28,7 +28,7 @@ class PictureZoom extends Component { ...@@ -28,7 +28,7 @@ class PictureZoom extends Component {
handleShowZoomPic(flag) { handleShowZoomPic(flag) {
this.setState({ this.setState({
picZoomIsShow: flag picZoomIsShow: flag
}) })
} }
// 图片加载 // 图片加载
...@@ -51,20 +51,26 @@ class PictureZoom extends Component { ...@@ -51,20 +51,26 @@ class PictureZoom extends Component {
// 大图样式 // 大图样式
handleRenderImage(props) { handleRenderImage(props) {
return( return (
<View style={styles.zoom_pic_img_box}> <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> </View>
) )
} }
render() { render() {
let {listImageUrls, listImageIndex, listStyleImage, listPicType} = this.props let { listImageUrls, listImageIndex, listStyleImage, listPicType } = this.props
let {picZoomIsShow, listPicTypeArr, picStyleArr} = this.state let { picZoomIsShow, listPicTypeArr, picStyleArr } = this.state
let picOthStyle = '' let picOthStyle = ''
if(listPicTypeArr.indexOf(listPicType) > -1){ if (listPicTypeArr.indexOf(listPicType) > -1) {
picOthStyle = picStyleArr[listPicTypeArr.indexOf(listPicType)] 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 ( return (
<View style={[styles.container]}> <View style={[styles.container]}>
...@@ -72,34 +78,39 @@ class PictureZoom extends Component { ...@@ -72,34 +78,39 @@ class PictureZoom extends Component {
activeOpacity={.8} activeOpacity={.8}
style={[styles.list_item_img, styles[picOthStyle], listStyleImage]} style={[styles.list_item_img, styles[picOthStyle], listStyleImage]}
onPress={() => this.handleShowZoomPic(true)} onPress={() => this.handleShowZoomPic(true)}
> >
<Image <Image
defaultSource={require('../../../images/not_img.png')} defaultSource={require('../../../images/not_img.png')}
source={{uri: listImageUrls[listImageIndex].url}} // source={{uri: listImageUrls[listImageIndex].url}}
source={cur_defalut}
style={icon_style} style={icon_style}
resizeMode="cover" /> resizeMode="cover" />
</TouchableOpacity> </TouchableOpacity>
<Modal {
visible={picZoomIsShow} canShow ?
animationType={"slide"} <Modal
transparent={true} visible={picZoomIsShow}
style={styles.modal_box} animationType={"slide"}
> transparent={true}
<ImageViewer style={styles.modal_box}
enableImageZoom={true} >
saveToLocalByLongPress={false} <ImageViewer
loadingRender={() => this.renderImageLoad()} enableImageZoom={true}
enableSwipeDown={true} saveToLocalByLongPress={false}
imageUrls={listImageUrls} loadingRender={() => this.renderImageLoad()}
index={listImageIndex} enableSwipeDown={true}
onClick={() => this.handleShowZoomPic(false)} imageUrls={listImageUrls}
backgroundColor={'rgba(0,0,0,.6)'} index={listImageIndex}
renderImage = {(props) => this.handleRenderImage(props)} onClick={() => this.handleShowZoomPic(false)}
renderIndicator={(currentIndex, allSize, props) => this.renderPageIndicator(currentIndex, allSize, props)} backgroundColor={'rgba(0,0,0,.6)'}
/> onDoubleClick={() => this.handleShowZoomPic(false)}
</Modal> renderImage={(props) => this.handleRenderImage(props)}
renderIndicator={(currentIndex, allSize, props) => this.renderPageIndicator(currentIndex, allSize, props)}
/>
</Modal> : null
}
</View> </View>
); );
} }
} }
...@@ -141,5 +152,5 @@ const styles = StyleSheet.create({ ...@@ -141,5 +152,5 @@ const styles = StyleSheet.create({
fontFamily: font_family_medium fontFamily: font_family_medium
} }
}) })
export default PictureZoom; export default PictureZoom;
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment