Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit ab9a7841 by Denglingling
Options

增加提及时确认弹窗，以及保存当前选择产品的数据

parent c3b8571d
Inline Side-by-side
Showing with 403 additions and 15 deletions
app/containers/common/ProductModel.js
import React, { Component } from 'react'; import React, { Component } from 'react';
import { View, Text, StyleSheet, SafeAreaView, Modal, ScrollView, TouchableOpacity, FlatList, Image } from 'react-native'; import { View, Text, StyleSheet, SafeAreaView, Modal, ScrollView, TouchableOpacity, FlatList, Image } from 'react-native';
import { pxHeight, foundation_color, promary_color, second_text_color, third_text_color, first_text_color, second_text_size, Width, pxSize, safe_view, font_family_medium, font_family_light, list_common_item, third_text_size, icon_style } from '../../base/BaseStyle'; import { pxHeight, foundation_color, promary_color, second_text_color, third_text_color, first_text_color, second_text_size, Width, pxSize, safe_view, font_family_medium, font_family_light, list_common_item, third_text_size, icon_style, point_color, title_text_color } from '../../base/BaseStyle';
import { FooterBtnStyle } from '../common/CellTextStyle'; import { FooterBtnStyle } from '../common/CellTextStyle';
import ChooseCardList from '../common/listDataComponent/ChooseCardList'; import ChooseCardList from '../common/listDataComponent/ChooseCardList';
import PicTitDetaiCalcu from '../common/listDataComponent/PicTitDetaiCalcu'; import PicTitDetaiCalcu from '../common/listDataComponent/PicTitDetaiCalcu';
...@@ -619,21 +619,34 @@ class ProductModel extends Component { ...@@ -619,21 +619,34 @@ class ProductModel extends Component {
renderFooterBtnItem() { renderFooterBtnItem() {
let {topProcOptionList} = this.state let {topProcOptionList} = this.state
let allCountQuantity = 0 let allCountQuantity = 0
let sel_tip = ''
topProcOptionList.map(proItem => { topProcOptionList.map(proItem => {
if(!proItem[SELECTED_QUQNTITY]){ if(!proItem[SELECTED_QUQNTITY]){
proItem[SELECTED_QUQNTITY] = 0 proItem[SELECTED_QUQNTITY] = 0
} }
allCountQuantity += proItem[SELECTED_QUQNTITY] allCountQuantity += proItem[SELECTED_QUQNTITY]
if (proItem[SELECTED_QUQNTITY] > 0) {
sel_tip += `${proItem.category_name}x${proItem[SELECTED_QUQNTITY]} `
}
}) })
// console.log('弹窗===', topProcOptionList, sel_tip)
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}>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={list_common_item.lef_btn} style={[list_common_item.lef_btn, styles.fo_btn_lef]}
onPress={() => this.handleCloseSelected()} onPress={() => this.handleCloseSelected()}
> >
<Text style={list_common_item.lef_tip}>{'已选：'}<Text style={allCountQuantity!==0 ? list_common_item.lef_tip_num : ''}>{allCountQuantity}</Text></Text> <Text style={list_common_item.lef_tip} numberOfLines={1}>
{/* {'已选：'} */}
{allCountQuantity === 0 ? <Text>{'未选'}</Text> : <Text>{'已选: '}</Text>}
{allCountQuantity === 0 ? null : <Text style={styles.lef_tip_txt}>{sel_tip}</Text>}
{/* <Text style={allCountQuantity!==0 ? list_common_item.lef_tip_num : ''}>{allCountQuantity}</Text> */}
</Text>
{allCountQuantity === 0 ? null : <View style={styles.lef_btn_num}>
<Text style={styles.lef_num_txt}>{allCountQuantity}</Text>
</View>}
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
...@@ -787,6 +800,25 @@ const styles = StyleSheet.create({ ...@@ -787,6 +800,25 @@ const styles = StyleSheet.create({
fontSize: 12, fontSize: 12,
fontFamily: font_family_light, fontFamily: font_family_light,
paddingLeft: 4 paddingLeft: 4
},
fo_btn_lef: {
position: 'relative'
},
lef_btn_num: {
position: 'absolute',
left: 50,
top: 4,
backgroundColor: point_color,
borderRadius: 50,
},
lef_num_txt: {
fontSize: 12,
color: title_text_color,
minWidth: 16,
textAlign: 'center'
},
lef_tip_txt: {
fontSize: 12
} }
}) })
......
app/containers/common/listDataComponent/PageListArrow.js
...@@ -24,7 +24,8 @@ class PageListArrow extends Component { ...@@ -24,7 +24,8 @@ class PageListArrow extends Component {
otherInputCallBack: PropTypes.func, otherInputCallBack: PropTypes.func,
listInputPlace: PropTypes.string, listInputPlace: PropTypes.string,
inputCallBack: PropTypes.func, inputCallBack: PropTypes.func,
isTitInputStyle: PropTypes.bool isTitInputStyle: PropTypes.bool,
listMaxLines: PropTypes.number, // 文本最大行数
} }
constructor(props) { constructor(props) {
...@@ -42,7 +43,11 @@ class PageListArrow extends Component { ...@@ -42,7 +43,11 @@ class PageListArrow extends Component {
render() { render() {
let {listActOpa, listCallBack, listHasAster, listEditAble, listDefaValue, listItem, listTitle, let {listActOpa, listCallBack, listHasAster, listEditAble, listDefaValue, listItem, listTitle,
listName, listHasArrow, listOtherInput, otherInput, otherInputCallBack, listInputPlace, inputCallBack, isTitInputStyle} = this.props listName, listHasArrow, listOtherInput, otherInput, otherInputCallBack, listInputPlace,
inputCallBack, isTitInputStyle, listMaxLines} = this.props
if(!listMaxLines){
listMaxLines = 2 // 默认
}
return ( return (
<View style={styles.item_container}> <View style={styles.item_container}>
<TouchableOpacity <TouchableOpacity
...@@ -58,7 +63,7 @@ class PageListArrow extends Component { ...@@ -58,7 +63,7 @@ class PageListArrow extends Component {
defaultValue={listItem[listDefaValue]} defaultValue={listItem[listDefaValue]}
placeholder={listInputPlace} placeholder={listInputPlace}
onChangeText={(text) => {return inputCallBack ? inputCallBack(text) : ''}} onChangeText={(text) => {return inputCallBack ? inputCallBack(text) : ''}}
/> : <ContTextStyle>{listItem[listName]}</ContTextStyle> /> : <ContTextStyle numberOfLines={listMaxLines}>{listItem[listName]}</ContTextStyle>
} }
{ listHasArrow ? <View style={styles.arr_icon_box}> { listHasArrow ? <View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style}/> <Image source={require('../../../images/arr_rig.png')} style={icon_style}/>
......
app/containers/common/listDataComponent/TipInfoNeedSelect.js 0 → 100644
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet,
Modal,
ScrollView,
TouchableOpacity,
Image
} from 'react-native';
import {
Width,
pxHeight,
third_text_color,
second_text_color,
first_text_color,
safe_view,
pxSize,
font_family_medium,
icon_style,
font_family_regular,
font_family_semibold,
title_text_color,
promary_color
} from '../../../base/BaseStyle';
const PropTypes = require('prop-types');
/** 提示信息并有回调的弹窗 */
class TipInfoNeedSelect extends Component {
static propTypres = {
closeCallBack: PropTypes.func, // 取消回调
submitCallBack: PropTypes.func, // 确定回调
}
constructor(props) {
super(props);
this.state = {
isVisible: false,
title: '愿意自动更换器械包?'
}
}
show(newTitle){
let {title} = this.state
if(newTitle){
title = newTitle
}
this.setState({ isVisible: true, title: title })
}
hide(){
let {title} = this.state
this.setState({ isVisible: false, title: title})
}
closeModal() {
this.props.closeCallBack()
this.hide()
}
submitModal() {
this.props.submitCallBack()
this.hide()
}
renderDialog() {
let { title } = this.state
return (
<View style={styles.opt_area}>
<View style={styles.modal_style}>
<View style={styles.modal_head}>
<View style={styles.modal_tit}>
<Image style={styles.err_icon} source={require('../../../images/err_tit.png')} />
<Text style={styles.inner_tit}>{title}</Text>
</View>
{/* <TouchableOpacity
activeOpacity={.8}
onPress={() => this.closeModal()}
style={styles.head_tou_clo}
>
<Image style={icon_style} source={require('../../../images/close_icon.png')}></Image>
</TouchableOpacity> */}
</View>
<View style={styles.model_footer}>
<TouchableOpacity
activeOpacity={.8}
onPress={() => this.closeModal()}
style={[styles.foo_btn, styles.btn_cel]}
>
<Text style={[styles.btn_tit, styles.tit_cel]}>取消</Text>
</TouchableOpacity>
<TouchableOpacity
activeOpacity={.8}
onPress={() => this.submitModal()}
style={[styles.foo_btn, styles.btn_sub]}
>
<Text style={styles.btn_tit}>确定</Text>
</TouchableOpacity>
</View>
</View>
</View>
)
}
render() {
return (
<View style={styles.dia_container}>
<Modal
transparent={true}
visible={this.state.isVisible}
animationType={'fade'}
// onRequestClose={() => this.closeModal()}
>
<View style={safe_view}>
<TouchableOpacity style={styles.container} activeOpacity={1}
// onPress={() => this.closeModal()}
>
{this.renderDialog()}
</TouchableOpacity>
</View>
</Modal>
</View>
);
}
}
const styles = StyleSheet.create({
dia_container: {
flex: 1,
},
// dis_cont: {
// width: '80%',
// maxHeight: '80%',
// backgroundColor: '#FFF',
// borderRadius: 8
// },
container: {
flex: 1,
backgroundColor: 'rgba(0, 0, 0, 0.5)',
},
opt_area: {
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
position: 'relative'
},
modal_style: {
position: "absolute",
left: 0,
top: '30%',
width: Width() - 44,
flex: 1,
flexDirection: "column",
backgroundColor: '#ffffff',
minHeight: pxHeight(200),
borderRadius: 8,
marginHorizontal: 22,
paddingHorizontal: 18,
paddingTop: 32
},
// scro_box: {
// marginTop: 18,
// maxHeight: pxHeight(310),
// minHeight: pxHeight(220),
// borderWidth: 1,
// borderColor: '#eaeaea',
// paddingLeft: 6,
// borderRadius: 2,
// paddingBottom: 6
// },
// item_scroll: {},
modal_head: {
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'flex-end'
},
modal_tit: {
flexDirection: 'row',
alignItems: 'center'
},
err_icon: {
width: pxSize(18),
height: pxSize(18),
marginRight: 6
},
inner_tit: {
fontSize: 20,
fontFamily: font_family_semibold
},
head_tou_clo: {
width: pxSize(26),
height: pxSize(26),
marginBottom: 10
},
// cont_list: {},
// co_li: {
// lineHeight: 20,
// fontSize: 12,
// fontFamily: font_family_regular,
// color: second_text_color
// },
// co_str: {
// fontFamily: font_family_semibold,
// fontWeight: '500',
// fontSize: 14,
// paddingTop: 6,
// paddingBottom: 2,
// color: first_text_color
// },
// plan_num: {
// fontSize: 14,
// fontFamily: font_family_semibold
// },
// sto_num: {
// fontSize: 14,
// fontFamily: font_family_semibold,
// color: 'red'
// },
model_footer: {
paddingTop: 30,
flexDirection: 'row',
justifyContent: 'space-around'
},
foo_btn: {
width: '38%',
height: pxSize(36),
borderRadius: 4,
marginTop: 20
},
btn_cel: {
backgroundColor: '#E7F1FD'
},
btn_sub: {
backgroundColor: promary_color
},
btn_tit: {
fontSize: 16,
color: title_text_color,
textAlign: 'center',
lineHeight: 32
},
tit_cel: {
color: '#007EFF'
},
})
export default TipInfoNeedSelect;
\ No newline at end of file
app/containers/selfOrder/SelfOrderPage.js
...@@ -24,6 +24,9 @@ import { exitLoginStatus } from '../../action/LoginAction'; ...@@ -24,6 +24,9 @@ import { exitLoginStatus } from '../../action/LoginAction';
import { SELF_ORDER_LIST_DOING, SELF_ORDER_LIST_SUCCESS, SELF_ORDER_LIST_FAILURE, LOGIN_NO, SELF_SUBMIT_DOING, SELF_SUBMIT_SUCCESS, SELF_SUBMIT_FAILURE } from '../../base/ActionTypes'; import { SELF_ORDER_LIST_DOING, SELF_ORDER_LIST_SUCCESS, SELF_ORDER_LIST_FAILURE, LOGIN_NO, SELF_SUBMIT_DOING, SELF_SUBMIT_SUCCESS, SELF_SUBMIT_FAILURE } from '../../base/ActionTypes';
import PageListArrow from '../common/listDataComponent/PageListArrow'; import PageListArrow from '../common/listDataComponent/PageListArrow';
import EmitterEvents from '../common/EmitterEvents'; import EmitterEvents from '../common/EmitterEvents';
import TipInfoNeedSelect from '../common/listDataComponent/TipInfoNeedSelect';
const SELECTED_QUQNTITY = 'selectedQuantity'
class SelfOrderPage extends Component { class SelfOrderPage extends Component {
constructor(props) { constructor(props) {
...@@ -156,15 +159,17 @@ class SelfOrderPage extends Component { ...@@ -156,15 +159,17 @@ class SelfOrderPage extends Component {
stop: false, //录音是否停止 stop: false, //录音是否停止
currentTime: 0, //录音时长 currentTime: 0, //录音时长
localCustomersOption: [], // 当前医院信息：客户名称、收单地点、收货地点、主治医生 localCustomersOption: [], // 当前医院信息：客户名称、收单地点、收货地点、主治医生
local_tip:{
will: 'N', // 器械包
take_cert: 'N' // 合格证
}
} }
} }
componentDidMount() { componentDidMount() {
this.getSellerName() this.getSellerName()
this.getAudioAuthorize() this.getAudioAuthorize()
this.subscription = DeviceEventEmitter.addListener(EmitterEvents.BACK_TO_SELF_PAGE, (params) => { this.subscription = DeviceEventEmitter.addListener(EmitterEvents.BACK_TO_SELF_PAGE, (params) => this.productCallBack(params))
console.log('选择产品返回==', params)
})
} }
componentWillUnmount() { componentWillUnmount() {
...@@ -1199,6 +1204,28 @@ class SelfOrderPage extends Component { ...@@ -1199,6 +1204,28 @@ class SelfOrderPage extends Component {
}) })
} }
// 选择产品 回调
productCallBack(params) {
let {listOptionData} = this.state
// console.log('选择产品返回=!!!!=', params)
// console.log('选择产品返回=!!!!=', this)
// console.log('选择产品返回=!!!!=', this.state)
listOptionData[10].value = ''
if(params && params.local_lines) {
params.local_lines.forEach(loc_item => {
if(loc_item[SELECTED_QUQNTITY] > 0){
listOptionData[10].value += `${loc_item.supplier_short_name}x${loc_item[SELECTED_QUQNTITY]} `
}
})
listOptionData[10].name = listOptionData[10].value
}
// console.log('选择产品返回=!!!=', listOptionData[10])
this.setState({
listOptionData: listOptionData
})
}
// 备注 输入 // 备注 输入
handleRemarkInput(text, curData) { handleRemarkInput(text, curData) {
let { listOptionData } = this.state let { listOptionData } = this.state
...@@ -1216,6 +1243,12 @@ class SelfOrderPage extends Component { ...@@ -1216,6 +1243,12 @@ class SelfOrderPage extends Component {
// 生成订单 点击 // 生成订单 点击
handleSubmit() { handleSubmit() {
console.log('生成订单', this.props.navigation) console.log('生成订单', this.props.navigation)
this.refs.PackageModel.show()
// this.refs.CertModel.show('需要携带合格证？')
// this.changeCanSub(true) // this.changeCanSub(true)
// let { state, props } = this // let { state, props } = this
// let that = this // let that = this
...@@ -1351,6 +1384,18 @@ class SelfOrderPage extends Component { ...@@ -1351,6 +1384,18 @@ class SelfOrderPage extends Component {
stop: false stop: false
}) })
} }
// 提交的提示回调函数
modelPackageCertCB(typeName, nowVal){
let {local_tip} = this.state
local_tip[typeName] = nowVal
this.setState({
local_tip: local_tip
})
console.log('local_tip---', local_tip)
}
// // 库存不足弹窗回调 -- 确定 // // 库存不足弹窗回调 -- 确定
// handleNotEnoughCallBack() { // handleNotEnoughCallBack() {
// let { submitOption } = this.state // let { submitOption } = this.state
...@@ -1627,6 +1672,7 @@ class SelfOrderPage extends Component { ...@@ -1627,6 +1672,7 @@ class SelfOrderPage extends Component {
listTitle={'title'} listTitle={'title'}
listCallBack={() => this.handleProductCheck(listOptionData[10])} listCallBack={() => this.handleProductCheck(listOptionData[10])}
listHasArrow={true} listHasArrow={true}
listMaxLines={1}
/> />
{/* <View style={styles.item_container}> {/* <View style={styles.item_container}>
<TouchableOpacity <TouchableOpacity
...@@ -1650,6 +1696,8 @@ class SelfOrderPage extends Component { ...@@ -1650,6 +1696,8 @@ class SelfOrderPage extends Component {
/> />
{ this.renderPickerModel() } { this.renderPickerModel() }
{ this.renderTipModelPackage() }
{ this.renderTipModelCert() }
</View> </View>
) )
...@@ -1765,6 +1813,20 @@ class SelfOrderPage extends Component { ...@@ -1765,6 +1813,20 @@ class SelfOrderPage extends Component {
) )
} }
// 返回提交器械包提示
renderTipModelPackage(){
return (
<TipInfoNeedSelect ref="PackageModel" closeCallBack={() => this.modelPackageCertCB('will','N')} submitCallBack={() => this.modelPackageCertCB('will','Y')}/>
)
}
// 返回提交合格证提示
renderTipModelCert(){
return (
<TipInfoNeedSelect ref="CertModel" closeCallBack={() => this.modelPackageCertCB('take_cert','N')} submitCallBack={() => this.modelPackageCertCB('take_cert','Y')}/>
)
}
render() { render() {
let {canSubFlag} = this.state let {canSubFlag} = this.state
// console.log(this.props) // console.log(this.props)
......
app/containers/selfOrder/module/ChooseProductPage.js
import React, { Component } from 'react'; import React, { Component } from 'react';
import { View, Text, StyleSheet, TouchableOpacity, Image, TextInput, DeviceEventEmitter, SafeAreaView } from 'react-native'; import { View, Text, StyleSheet, TouchableOpacity, Image, TextInput, DeviceEventEmitter, SafeAreaView } from 'react-native';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { foundation_color, home_background_color, Width, third_text_size, pxSize, promary_color, safe_view, font_family_regular, icon_style, title_text_color, font_family_medium, list_common_item } from '../../../base/BaseStyle'; import { foundation_color, home_background_color, Width, third_text_size, pxSize, promary_color, safe_view, font_family_regular, icon_style, title_text_color, font_family_medium, list_common_item, point_color } from '../../../base/BaseStyle';
import HeadBackItem from '../../common/HeadBackItem'; import HeadBackItem from '../../common/HeadBackItem';
import ProductRightStyle from './ProductRightStyle'; import ProductRightStyle from './ProductRightStyle';
import ProductModel from '../../common/ProductModel'; import ProductModel from '../../common/ProductModel';
...@@ -80,7 +80,7 @@ class ChooseProductPage extends Component { ...@@ -80,7 +80,7 @@ class ChooseProductPage extends Component {
setSelectProductOpts(topProcOptionList) setSelectProductOpts(topProcOptionList)
// 并且=======调用返回 // 并且=======调用返回
this.props.navigation.goBack() this.props.navigation.goBack()
DeviceEventEmitter.emit(EmitterEvents.BACK_TO_SELF_PAGE, { topProcOptionList: topProcOptionList, testOne: '你好' }) DeviceEventEmitter.emit(EmitterEvents.BACK_TO_SELF_PAGE, { local_lines: topProcOptionList })
} }
// 初始化获取数据 // 初始化获取数据
...@@ -648,9 +648,15 @@ class ChooseProductPage extends Component { ...@@ -648,9 +648,15 @@ class ChooseProductPage extends Component {
// console.log('--已选修改回调--', options) // console.log('--已选修改回调--', options)
let { topProcOptionList, topActiveIndex } = this.state let { topProcOptionList, topActiveIndex } = this.state
topProcOptionList[topActiveIndex].leftOptionList = options topProcOptionList[topActiveIndex].leftOptionList = options
topProcOptionList[topActiveIndex][SELECTED_QUQNTITY] = 0
options.forEach(cur_ops => {
if(cur_ops[SELECTED_QUQNTITY] > 0){
topProcOptionList[topActiveIndex][SELECTED_QUQNTITY] += cur_ops[SELECTED_QUQNTITY]
}
})
this.setState({ this.setState({
// leftOptionList: options,
topProcOptionList topProcOptionList
// leftOptionList: options,
}) })
} }
...@@ -801,20 +807,36 @@ class ChooseProductPage extends Component { ...@@ -801,20 +807,36 @@ class ChooseProductPage extends Component {
let { selectShowPopup, leftOptionList, topProcOptionList, topActiveIndex } = this.state let { selectShowPopup, leftOptionList, topProcOptionList, topActiveIndex } = this.state
let allCountQuantity = this.getAllCountQuantity() let allCountQuantity = this.getAllCountQuantity()
let cur_sel_options = [] let cur_sel_options = []
let sel_tip = ''
// cur_sel_options = leftOptionList // cur_sel_options = leftOptionList
if (topProcOptionList.length > 0) { if (topProcOptionList.length > 0) {
cur_sel_options = topProcOptionList[topActiveIndex].leftOptionList cur_sel_options = topProcOptionList[topActiveIndex].leftOptionList
cur_sel_options.forEach(cur_item => {
if (cur_item[SELECTED_QUQNTITY] > 0) {
sel_tip += `${cur_item.category_name}x${cur_item[SELECTED_QUQNTITY]} `
}
})
} }
console.log('返回底部按钮----', cur_sel_options) console.log('返回底部按钮----', cur_sel_options, sel_tip)
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}>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={list_common_item.lef_btn} style={[list_common_item.lef_btn, styles.fo_btn_lef]}
onPress={() => this.handleSubSelected()} onPress={() => this.handleSubSelected()}
> >
<Text style={list_common_item.lef_tip}>{'已选：'}<Text style={allCountQuantity !== 0 ? list_common_item.lef_tip_num : ''}>{allCountQuantity}</Text></Text> <Text style={list_common_item.lef_tip} numberOfLines={1}>
{/* {'已选'} */}
{allCountQuantity === 0 ? <Text>{'未选'}</Text> : <Text>{'已选: '}</Text>}
{allCountQuantity === 0 ? null : <Text style={styles.lef_tip_txt}>{sel_tip}</Text>}
{/* <Text style={allCountQuantity !== 0 ? list_common_item.lef_tip_num : ''}>{allCountQuantity}</Text> */}
</Text>
{allCountQuantity === 0 ? null : <View style={styles.lef_btn_num}>
<Text style={styles.lef_num_txt}>{allCountQuantity}</Text>
</View>}
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
...@@ -988,6 +1010,25 @@ const styles = StyleSheet.create({ ...@@ -988,6 +1010,25 @@ const styles = StyleSheet.create({
fontSize: 16, fontSize: 16,
fontFamily: font_family_medium fontFamily: font_family_medium
}, },
fo_btn_lef: {
position: 'relative'
},
lef_btn_num: {
position: 'absolute',
left: 50,
top: 4,
backgroundColor: point_color,
borderRadius: 50,
},
lef_num_txt: {
fontSize: 12,
color: title_text_color,
minWidth: 16,
textAlign: 'center'
},
lef_tip_txt: {
fontSize: 12
}
}) })
const mapStateToProps = (state) => { const mapStateToProps = (state) => {
......
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