Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit 7e64ce60 by Denglingling
Options

1、增加【弹窗】的【错误提示】弹窗；2、完善【IOS】下筛选的布局

parent c96ed5be
Inline Side-by-side
Showing with 668 additions and 608 deletions
app/containers/common/ErrorTipModel.js 0 → 100644
import React, { Component } from 'react';
import {
View,
Text,
StyleSheet,
Modal,
TouchableOpacity
} from 'react-native';
import {
safe_view,
font_family_regular
} from '../../base/BaseStyle';
class ErrorTipModel extends Component {
constructor(props) {
super(props);
this.state = {
isVisible: false
}
}
componentWillReceiveProps(nextProps) {
let that = this
if(this.state.isVisible != nextProps.show) {
this.setState({
isVisible: nextProps.show
}, () => {
setTimeout(() => {
that.closeModal()
}, 1000)
})
}
}
closeModal() {
this.setState({
isVisible: false
})
this.props.closeModal(false)
}
renderDialog() {
let { title } = this.props
return(
<View style={styles.dia_inner}>
<View style={styles.dia_box}>
<Text style={styles.main_txt}>
{title}
</Text>
</View>
</View>
)
}
render() {
return (
<View style={styles.dia_container}>
<Modal
transparent={true}
visible={this.state.isVisible}
animationType={'fade'}
>
<View style={safe_view}>
<TouchableOpacity style={styles.container} activeOpacity={1}>
{this.renderDialog()}
</TouchableOpacity>
</View>
</Modal>
</View>
);
}
}
const styles = StyleSheet.create({
dia_container: {
flex: 1
},
container: {
flex: 1
},
dia_inner: {
position: 'relative',
flex: 1
},
dia_box: {
position: 'absolute',
left: 20,
top: '52%',
right: 20,
flex: 1,
alignItems: 'center'
},
main_txt: {
fontSize: 14,
fontFamily: font_family_regular,
color: '#fafafa',
backgroundColor: '#3d3e3d',
paddingHorizontal: 10,
textAlign: 'center'
},
})
export default ErrorTipModel;
app/containers/common/ShowModel.js
...@@ -5,9 +5,7 @@ import { ...@@ -5,9 +5,7 @@ import {
StyleSheet, StyleSheet,
Modal, Modal,
TouchableOpacity, TouchableOpacity,
Image, Image
SafeAreaView,
ScrollView
} from 'react-native'; } from 'react-native';
import { import {
Width, Width,
...@@ -16,7 +14,6 @@ import { ...@@ -16,7 +14,6 @@ import {
pxSize, pxSize,
safe_view, safe_view,
icon_style, icon_style,
font_family_medium,
font_family_semibold font_family_semibold
} from '../../base/BaseStyle'; } from '../../base/BaseStyle';
...@@ -97,7 +94,6 @@ const styles = StyleSheet.create({ ...@@ -97,7 +94,6 @@ const styles = StyleSheet.create({
}, },
opt_area: { opt_area: {
flex: 1, flex: 1,
// flexDirection: 'column',
justifyContent: 'center', justifyContent: 'center',
position: 'relative' position: 'relative'
}, },
...@@ -109,8 +105,6 @@ const styles = StyleSheet.create({ ...@@ -109,8 +105,6 @@ const styles = StyleSheet.create({
flex: 1, flex: 1,
flexDirection: "column", flexDirection: "column",
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
// borderTopLeftRadius: 20,
// borderTopRightRadius: 20,
minHeight: pxHeight(380), minHeight: pxHeight(380),
maxHeight: pxHeight(480), maxHeight: pxHeight(480),
borderRadius: 20, borderRadius: 20,
...@@ -134,14 +128,8 @@ const styles = StyleSheet.create({ ...@@ -134,14 +128,8 @@ const styles = StyleSheet.create({
width: pxSize(28), width: pxSize(28),
height: pxSize(28) height: pxSize(28)
}, },
// clo_icon: {
// width: '100%',
// height: '100%'
// },
model_cont: { model_cont: {
paddingTop: 20, paddingTop: 20
// height: pxHeight(220),
// flex: 1
}, },
}) })
......
app/containers/historicalOrder/HistoricalOrderPage.js
...@@ -16,12 +16,10 @@ import { ...@@ -16,12 +16,10 @@ import {
first_text_color, first_text_color,
font_family_regular, font_family_regular,
pxSize, pxSize,
title_text_color,
promary_text_color, promary_text_color,
font_family_medium, font_family_medium,
third_text_color, third_text_color,
second_text_size, second_text_size,
pxHeight,
Height, Height,
} from '../../base/BaseStyle'; } from '../../base/BaseStyle';
import LodingModel from '../common/LodingModel'; import LodingModel from '../common/LodingModel';
...@@ -556,7 +554,7 @@ const styles = StyleSheet.create({ ...@@ -556,7 +554,7 @@ const styles = StyleSheet.create({
cont_main: { cont_main: {
backgroundColor: foundation_color, backgroundColor: foundation_color,
maxHeight: Height() - 258, maxHeight: Height() - 300,
minHeight: Height() - 358, minHeight: Height() - 358,
paddingBottom: 10 paddingBottom: 10
}, },
......
app/containers/historicalOrder/module/FilterModel.js
...@@ -47,6 +47,7 @@ import { ...@@ -47,6 +47,7 @@ import {
} from '../../../action/HistorAction'; } from '../../../action/HistorAction';
import { show, dedupQuoteArray, cloneObject } from '../../../utils/Utils'; import { show, dedupQuoteArray, cloneObject } from '../../../utils/Utils';
import moment from 'moment'; import moment from 'moment';
import ErrorTipModel from '../../common/ErrorTipModel';
class FilterModel extends Component { class FilterModel extends Component {
...@@ -153,14 +154,12 @@ class FilterModel extends Component { ...@@ -153,14 +154,12 @@ class FilterModel extends Component {
}, { }, {
"id": "8", "id": "8",
title: '手术时间', title: '手术时间',
// subTitle: '开始时间',
name: '开始时间', name: '开始时间',
value: '', value: '',
dateValue: new Date() dateValue: new Date()
}, { }, {
"id": "9", "id": "9",
title: '手术时间', title: '手术时间',
// subTitle: '结束时间',
name: '结束时间', name: '结束时间',
value: '', value: '',
dateValue: new Date() dateValue: new Date()
...@@ -204,14 +203,12 @@ class FilterModel extends Component { ...@@ -204,14 +203,12 @@ class FilterModel extends Component {
},{ },{
"id": "6", "id": "6",
title: '消耗时间', title: '消耗时间',
// subTitle: '开始时间',
name: '开始时间', name: '开始时间',
value: '', value: '',
dateValue: new Date() dateValue: new Date()
}, { }, {
"id": "7", "id": "7",
title: '消耗时间', title: '消耗时间',
// subTitle: '结束时间',
name: '结束时间', name: '结束时间',
value: '', value: '',
dateValue: new Date() dateValue: new Date()
...@@ -262,14 +259,12 @@ class FilterModel extends Component { ...@@ -262,14 +259,12 @@ class FilterModel extends Component {
}, { }, {
"id": "5", "id": "5",
title: '手术时间', title: '手术时间',
// subTitle: '开始时间',
name: '开始时间', name: '开始时间',
value: '', value: '',
dateValue: new Date() dateValue: new Date()
}, { }, {
"id": "6", "id": "6",
title: '手术时间', title: '手术时间',
// subTitle: '结束时间',
name: '结束时间', name: '结束时间',
value: '', value: '',
dateValue: new Date() dateValue: new Date()
...@@ -305,8 +300,9 @@ class FilterModel extends Component { ...@@ -305,8 +300,9 @@ class FilterModel extends Component {
"N", "N",
"Y" "Y"
], ],
searchTransStatus: [], // 【转单】对应的状态值 searchTransStatus: [], // 【转单】对应的状态值
searchColorIsAct: false, // 筛选颜色变化 errorPopType: false, // 错误提示弹窗
errorTit: '', // 错误提示文字
} }
} }
...@@ -363,7 +359,6 @@ class FilterModel extends Component { ...@@ -363,7 +359,6 @@ class FilterModel extends Component {
} }
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
console.log('nextProps.show----', nextProps.show)
let {isVisible, topActiveIndex} = this.state let {isVisible, topActiveIndex} = this.state
let {loginState, navigation, callSupClick} = this.props; let {loginState, navigation, callSupClick} = this.props;
if(loginState != nextProps.loginState) { if(loginState != nextProps.loginState) {
...@@ -391,7 +386,7 @@ class FilterModel extends Component { ...@@ -391,7 +386,7 @@ class FilterModel extends Component {
}) })
} }
if(nextProps.callSupClick) { if(nextProps.callSupClick) {
console.log('父组件传递============', callSupClick, nextProps.callSupClick) // 父组件调用查询
this.handleFilterSubmitCheck() this.handleFilterSubmitCheck()
} }
} }
...@@ -671,7 +666,8 @@ class FilterModel extends Component { ...@@ -671,7 +666,8 @@ class FilterModel extends Component {
// 修改当前选择器数据 // 修改当前选择器数据
let { data: { organizations } } = orgResult let { data: { organizations } } = orgResult
if(organizations.length === 0) { if(organizations.length === 0) {
show(`当前组织为空`) // show(`当前组织为空`)
that.showErrorModel(`当前组织为空`)
return return
} }
let tempOption = [] let tempOption = []
...@@ -682,12 +678,14 @@ class FilterModel extends Component { ...@@ -682,12 +678,14 @@ class FilterModel extends Component {
}) })
} else if(orgResult.error_code == 41006) { } else if(orgResult.error_code == 41006) {
that.props.callSupLoading(false) that.props.callSupLoading(false)
show('登录过期，请重新登录'); // show('登录过期，请重新登录');
that.showErrorModel(`登录过期，请重新登录`)
props.exitLoginStatus(); props.exitLoginStatus();
} else { } else {
that.props.callSupLoading(false) that.props.callSupLoading(false)
let error_msg = orgResult.error_msg || orgResult.message let error_msg = orgResult.error_msg || orgResult.message
show(error_msg); // show(error_msg);
that.showErrorModel(error_msg)
} }
}) })
} }
...@@ -717,7 +715,8 @@ class FilterModel extends Component { ...@@ -717,7 +715,8 @@ class FilterModel extends Component {
// 修改当前选择器数据 // 修改当前选择器数据
let { data: { customers } } = orgResult let { data: { customers } } = orgResult
if(customers.length === 0) { if(customers.length === 0) {
show(`当前客户名称为空`) // show(`当前客户名称为空`)
that.showErrorModel(`当前客户名称为空`)
return return
} }
// 去重医院数据 // 去重医院数据
...@@ -740,12 +739,14 @@ class FilterModel extends Component { ...@@ -740,12 +739,14 @@ class FilterModel extends Component {
}) })
} else if(orgResult.error_code == 41006) { } else if(orgResult.error_code == 41006) {
that.props.callSupLoading(false) that.props.callSupLoading(false)
show('登录过期，请重新登录'); // show('登录过期，请重新登录');
that.showErrorModel(`登录过期，请重新登录`)
props.exitLoginStatus(); props.exitLoginStatus();
} else { } else {
that.props.callSupLoading(false) that.props.callSupLoading(false)
let error_msg = orgResult.error_msg || orgResult.message let error_msg = orgResult.error_msg || orgResult.message
show(error_msg); // show(error_msg);
that.showErrorModel(error_msg)
} }
}) })
} }
...@@ -957,7 +958,8 @@ class FilterModel extends Component { ...@@ -957,7 +958,8 @@ class FilterModel extends Component {
// 修改当前选择器数据 // 修改当前选择器数据
let { data: { sys_values } } = orgResult let { data: { sys_values } } = orgResult
if(sys_values.length === 0) { if(sys_values.length === 0) {
show(`当前订单类型为空`) // show(`当前订单类型为空`)
that.showErrorModel(`当前订单类型为空`)
return return
} }
let tempOption = [] let tempOption = []
...@@ -968,12 +970,14 @@ class FilterModel extends Component { ...@@ -968,12 +970,14 @@ class FilterModel extends Component {
}) })
} else if(orgResult.error_code == 41006) { } else if(orgResult.error_code == 41006) {
that.props.callSupLoading(false) that.props.callSupLoading(false)
show('登录过期，请重新登录'); // show('登录过期，请重新登录');
that.showErrorModel(`登录过期，请重新登录`)
props.exitLoginStatus(); props.exitLoginStatus();
} else { } else {
that.props.callSupLoading(false) that.props.callSupLoading(false)
let error_msg = orgResult.error_msg || orgResult.message let error_msg = orgResult.error_msg || orgResult.message
show(error_msg); // show(error_msg);
that.showErrorModel(error_msg);
} }
}) })
} }
...@@ -1056,7 +1060,8 @@ class FilterModel extends Component { ...@@ -1056,7 +1060,8 @@ class FilterModel extends Component {
break; break;
} }
if(!orgVal) { if(!orgVal) {
show(`请先选择${titVal}`) // show(`请先选择${titVal}`)
this.showErrorModel(`请先选择${titVal}`)
return false return false
} else { } else {
return true return true
...@@ -1081,7 +1086,8 @@ class FilterModel extends Component { ...@@ -1081,7 +1086,8 @@ class FilterModel extends Component {
break; break;
} }
if(!coumVal) { if(!coumVal) {
show(`请先选择${titVal}`) // show(`请先选择${titVal}`)
this.showErrorModel(`请先选择${titVal}`)
return false return false
} else { } else {
return true return true
...@@ -1118,10 +1124,9 @@ class FilterModel extends Component { ...@@ -1118,10 +1124,9 @@ class FilterModel extends Component {
} }
} }
// 确定 - 筛选 传递参数给父组件！！！通过调用函数的方式 -- 待修改 // 确定 - 筛选 传递参数给父组件
handleFilterSubmitCheck() { handleFilterSubmitCheck() {
console.log('筛选 - 确定---') // console.log('筛选 - 确定---')
let { let {
topActiveIndex, topActiveIndex,
borrowListOptionData, borrowListOptionData,
...@@ -1129,26 +1134,10 @@ class FilterModel extends Component { ...@@ -1129,26 +1134,10 @@ class FilterModel extends Component {
searchBorrowStatus, searchBorrowStatus,
searchComsumeStatus, searchComsumeStatus,
borrowSearchOption, borrowSearchOption,
consumeSearchOption, consumeSearchOption
// contOptionData
} = this.state } = this.state
let {props} = this let {props} = this
let that = this let that = this
// if(noCloseSel == 'close') {
// this.setState({
// isShowSelect: false // 关闭筛选
// })
// } else if(noCloseSel != 'close' && noCloseSel != 'mount') {
// // this.handleSelectClick() // 切换筛选
// // // this.changeSeaColorAct() // 改变筛选颜色
// this.handleSubSelectClick()
// }
// this.setState({
// contOptionData: [] // 清空数据
// })
let tempSubOption = {} let tempSubOption = {}
let params = { let params = {
...@@ -1181,8 +1170,7 @@ class FilterModel extends Component { ...@@ -1181,8 +1170,7 @@ class FilterModel extends Component {
tempSubOption.surgery_date_to = borrowListOptionData[9].value tempSubOption.surgery_date_to = borrowListOptionData[9].value
tempSubOption.order_type_code = borrowListOptionData[10].value tempSubOption.order_type_code = borrowListOptionData[10].value
params = Object.assign({}, params, tempSubOption) params = Object.assign({}, params, tempSubOption)
// props.requestGetAllBorrow(params)
console.log('------', params)
props.callSupSubmit(params) props.callSupSubmit(params)
that.changeSeaColorAct() // 改变筛选颜色 that.changeSeaColorAct() // 改变筛选颜色
that.closeModal() // 关闭弹窗 that.closeModal() // 关闭弹窗
...@@ -1207,10 +1195,8 @@ class FilterModel extends Component { ...@@ -1207,10 +1195,8 @@ class FilterModel extends Component {
tempSubOption.hospitalization_number = consumeListOptionData[9].value tempSubOption.hospitalization_number = consumeListOptionData[9].value
tempSubOption.settled_flag = consumeListOptionData[10].isRedio tempSubOption.settled_flag = consumeListOptionData[10].isRedio
params = Object.assign({}, params, tempSubOption) params = Object.assign({}, params, tempSubOption)
// props.requestGetAllConsume(params)
props.callSupSubmit(params) props.callSupSubmit(params)
that.changeSeaColorAct() // 改变筛选颜色 that.changeSeaColorAct() // 改变筛选颜色
that.closeModal() // 关闭弹窗 that.closeModal() // 关闭弹窗
...@@ -1223,7 +1209,7 @@ class FilterModel extends Component { ...@@ -1223,7 +1209,7 @@ class FilterModel extends Component {
} }
// 判断筛选颜色变化 -- 待修改 // 判断筛选颜色变化
changeSeaColorAct() { changeSeaColorAct() {
let { let {
topActiveIndex, topActiveIndex,
...@@ -1231,16 +1217,12 @@ class FilterModel extends Component { ...@@ -1231,16 +1217,12 @@ class FilterModel extends Component {
consumeListOptionData, consumeListOptionData,
subBorrowInitListOption, subBorrowInitListOption,
subConsumeInitListOption, subConsumeInitListOption,
searchColorIsAct,
topProcOptionList topProcOptionList
} = this.state } = this.state
console.log('--------topProcOptionList', topProcOptionList)
switch(topActiveIndex) { switch(topActiveIndex) {
case 0: case 0:
topProcOptionList[0].selIsAct = this.bothArrayIsCom(borrowListOptionData, subBorrowInitListOption); topProcOptionList[0].selIsAct = this.bothArrayIsCom(borrowListOptionData, subBorrowInitListOption);
// searchColorIsAct = this.bothArrayIsCom(borrowListOptionData, subBorrowInitListOption);
this.setState({ this.setState({
topProcOptionList topProcOptionList
}) })
...@@ -1248,9 +1230,7 @@ class FilterModel extends Component { ...@@ -1248,9 +1230,7 @@ class FilterModel extends Component {
break; break;
case 1: case 1:
topProcOptionList[1].selIsAct = this.bothArrayIsCom(consumeListOptionData, subConsumeInitListOption); topProcOptionList[1].selIsAct = this.bothArrayIsCom(consumeListOptionData, subConsumeInitListOption);
// searchColorIsAct = this.bothArrayIsCom(consumeListOptionData, subConsumeInitListOption);
this.setState({ this.setState({
// searchColorIsAct
topProcOptionList topProcOptionList
}) })
this.props.callSupTopList(topProcOptionList) this.props.callSupTopList(topProcOptionList)
...@@ -1268,19 +1248,17 @@ class FilterModel extends Component { ...@@ -1268,19 +1248,17 @@ class FilterModel extends Component {
let that = this let that = this
otherFor: otherFor:
for(let i in arr) { for(let i in arr) {
if(arr[i] instanceof Object) { if(arr[i] instanceof Object && newArr[i] instanceof Object) {
for(let key of Object.keys(arr[i])) { for(let key of Object.keys(arr[i])) {
if(arr[i][key] instanceof Array) { if(arr[i][key] instanceof Array && newArr[i][key] instanceof Array) {
comFlag = that.bothArrayIsCom(arr[i][key], newArr[i][key]) comFlag = that.bothArrayIsCom(arr[i][key], newArr[i][key])
} else if(newArr[i][key] != arr[i][key]) { } else if(newArr[i][key] != arr[i][key]) {
console.log('--arr[i][key]--', newArr[i][key] , arr[i][key])
comFlag = true; comFlag = true;
break otherFor; break otherFor;
} }
} }
} else { } else {
if(newArr[i] != arr[i]) { if(newArr[i] != arr[i]) {
console.log('--arr[i]--', newArr[i] , arr[i])
comFlag = true; comFlag = true;
break otherFor; break otherFor;
} }
...@@ -1298,11 +1276,9 @@ class FilterModel extends Component { ...@@ -1298,11 +1276,9 @@ class FilterModel extends Component {
this.props.callChangeTopNav(index) this.props.callChangeTopNav(index)
} }
// 点击筛选 -- 关闭即可 ===》 并且调用查询数据！！！ // 点击筛选 -- 关闭即可
handleSubSelectClick() { handleSubSelectClick() {
this.closeModal() this.closeModal()
// ===》 并且调用查询数据！！！
// 不用调用吧
} }
// 关闭弹窗 // 关闭弹窗
...@@ -1315,15 +1291,26 @@ class FilterModel extends Component { ...@@ -1315,15 +1291,26 @@ class FilterModel extends Component {
// 返回回调，先关闭弹窗 // 返回回调，先关闭弹窗
handelGoBack() { handelGoBack() {
console.log('返回-----')
this.closeModal() this.closeModal()
} }
renderDialog() { // 显示错误提示弹窗
let { topProcOptionList, topActiveIndex, isVisible, searchColorIsAct } = this.state showErrorModel(title) {
this.setState({
errorPopType: true,
errorTit: title
})
}
console.log('topProcOptionList[topActiveIndex]------', topProcOptionList[topActiveIndex], topProcOptionList) // 错误提示回调
handelCloseErrorModel(show) {
this.setState({
errorPopType: show
})
}
renderDialog() {
let { topProcOptionList, topActiveIndex, isVisible } = this.state
return ( return (
<View style={styles.cont_mian}> <View style={styles.cont_mian}>
<View style={styles.cont_inner}> <View style={styles.cont_inner}>
...@@ -1392,7 +1379,7 @@ class FilterModel extends Component { ...@@ -1392,7 +1379,7 @@ class FilterModel extends Component {
</View> </View>
</View> </View>
</View> </View>
</View> </View>
) )
...@@ -1403,557 +1390,559 @@ class FilterModel extends Component { ...@@ -1403,557 +1390,559 @@ class FilterModel extends Component {
let {topActiveIndex, borrowListOptionData, consumeListOptionData, transferListOptionData} = this.state let {topActiveIndex, borrowListOptionData, consumeListOptionData, transferListOptionData} = this.state
return ( return (
<View style={styles.sea_container}> <View style={styles.sea_container}>
<ScrollView style={styles.sea_scroll}> <View style={styles.sea_scr_box}>
{ <ScrollView style={styles.sea_scroll}>
topActiveIndex == 0 ? {
<View style={styles.sea_sel_opt}> topActiveIndex == 0 ?
<View style={styles.sea_stu_select}> <View style={styles.sea_sel_opt}>
<Text style={styles.sea_stu_tit}>状态筛选</Text> <View style={styles.sea_stu_select}>
<View style={styles.sea_stu_box}> <Text style={styles.sea_stu_tit}>状态筛选</Text>
{ <View style={styles.sea_stu_box}>
borrowListOptionData[0].status.map((item, index) => {
borrowListOptionData[0].status.map((item, index) =>
<TouchableOpacity
activeOpacity={.8}
style={[
styles.sta_btn,
borrowListOptionData[0].curStatus.includes(index) ? styles.sta_btn_act : '',
index == 2 ? styles.btn_txt_marig: ''
]}
onPress={() => this.statusChangeCheck(index)}
key={index}
>
<Text style={[styles.btn_txt, borrowListOptionData[0].curStatus.includes(index) ? styles.btn_txt_act: '']}>{item}</Text>
{
borrowListOptionData[0].curStatus.includes(index) ?
<View style={styles.btn_act_icon}>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View>
: null
}
</TouchableOpacity>
)
}
</View>
</View>
<View style={styles.sea_qui_select}>
<Text style={styles.sea_qui_tit}>快捷筛选</Text>
<View style={styles.sea_qui_box}>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>销售员</Text>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={1}
style={[ style={styles.qui_cell_rig}
styles.sta_btn,
borrowListOptionData[0].curStatus.includes(index) ? styles.sta_btn_act : '',
index == 2 ? styles.btn_txt_marig: ''
]}
onPress={() => this.statusChangeCheck(index)}
key={index}
> >
<Text style={[styles.btn_txt, borrowListOptionData[0].curStatus.includes(index) ? styles.btn_txt_act: '']}>{item}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[1].name}</Text>
{ <View style={styles.arr_icon_box}>
borrowListOptionData[0].curStatus.includes(index) ? </View>
<View style={styles.btn_act_icon}>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View>
: null
}
</TouchableOpacity> </TouchableOpacity>
) </View>
} <View style={styles.qui_cell}>
</View> <Text style={styles.qui_cell_tit}>组织</Text>
</View>
<View style={styles.sea_qui_select}>
<Text style={styles.sea_qui_tit}>快捷筛选</Text>
<View style={styles.sea_qui_box}>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>销售员</Text>
<TouchableOpacity
activeOpacity={1}
style={styles.qui_cell_rig}
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[1].name}</Text>
<View style={styles.arr_icon_box}>
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>组织</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleOrganizationCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[2].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>客户名称</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleCustomerCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[3].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>收单地点</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleBillCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[4].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>收货地点</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleShipCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[5].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>主治医生</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleDoctorCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[6].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
{
borrowListOptionData[6].showInput ?
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}></Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入主治医生'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
onChangeText={(text) => this.handleDoctorCheck(text)}
defaultValue={borrowListOptionData[6].inputValue}
/>
</TouchableOpacity>
</View>
: null
}
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>手术类型</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleSurTypeCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[7].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>手术时间</Text>
<View style={styles.qui_cell_rig_date}>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_date_box} style={styles.qui_cell_rig}
onPress={() => this.handleSurDateCheck('start') } onPress={() => this.handleOrganizationCheck() }
> >
<Text style={styles.qui_date_inp}>{borrowListOptionData[8].name}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[2].name}</Text>
<View style={styles.date_icon_box}> <View style={styles.arr_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} /> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
<Text style={styles.qui_date_line}>—</Text> </View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>客户名称</Text>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_date_box} style={styles.qui_cell_rig}
onPress={() => this.handleSurDateCheck('end') } onPress={() => this.handleCustomerCheck() }
> >
<Text style={styles.qui_date_inp}>{borrowListOptionData[9].name}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[3].name}</Text>
<View style={styles.date_icon_box}> <View style={styles.arr_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} /> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</View> <View style={styles.qui_cell}>
<View style={styles.qui_cell}> <Text style={styles.qui_cell_tit}>收单地点</Text>
<Text style={styles.qui_cell_tit}>订单类型</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleOrderCheck() }
>
<Text style={styles.cell_rig_sel}>{borrowListOptionData[10].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
</View>
</View>
</View> : null
}
{
topActiveIndex == 1 ?
<View style={styles.sea_sel_opt}>
<View style={styles.sea_stu_select}>
<Text style={styles.sea_stu_tit}>状态筛选</Text>
<View style={styles.sea_stu_box}>
{
consumeListOptionData[0].status.map((item, index) =>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={[ style={styles.qui_cell_rig}
styles.sta_btn, onPress={() => this.handleBillCheck() }
consumeListOptionData[0].curStatus.includes(index) ? styles.sta_btn_act : '',
index == 2 ? styles.btn_txt_marig: ''
]}
onPress={() => this.statusChangeCheck(index)}
key={index}
> >
<Text style={[styles.btn_txt, consumeListOptionData[0].curStatus.includes(index) ? styles.btn_txt_act: '']}>{item}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[4].name}</Text>
{ <View style={styles.arr_icon_box}>
consumeListOptionData[0].curStatus.includes(index) ? <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
<View style={styles.btn_act_icon}> </View>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View>
: null
}
</TouchableOpacity> </TouchableOpacity>
) </View>
} <View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>收货地点</Text>
</View>
</View>
<View style={styles.sea_qui_select}>
<Text style={styles.sea_qui_tit}>快捷筛选</Text>
<View style={styles.sea_qui_box}>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>销售员</Text>
<TouchableOpacity
activeOpacity={1}
style={styles.qui_cell_rig}
>
<Text style={styles.cell_rig_sel}>{consumeListOptionData[1].name}</Text>
<View style={styles.arr_icon_box}>
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>组织</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleOrganizationCheck() }
>
<Text style={styles.cell_rig_sel}>{consumeListOptionData[2].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>客户名称</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleCustomerCheck() }
>
<Text style={styles.cell_rig_sel}>{consumeListOptionData[3].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>患者姓名</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
onChangeText={(text) => this.handlePatNameInput(text)}
defaultValue={consumeListOptionData[4].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>病历号</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
keyboardType={'numeric'}
onChangeText={(text) => this.handleRecordNumInput(text)}
defaultValue={consumeListOptionData[5].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>消耗时间</Text>
<View style={styles.qui_cell_rig_date}>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_date_box} style={styles.qui_cell_rig}
onPress={() => this.handleSurDateCheck('start') } onPress={() => this.handleShipCheck() }
> >
<Text style={styles.qui_date_inp}>{consumeListOptionData[6].name}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[5].name}</Text>
<View style={styles.date_icon_box}> <View style={styles.arr_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} /> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
<Text style={styles.qui_date_line}>—</Text> </View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>主治医生</Text>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_date_box} style={styles.qui_cell_rig}
onPress={() => this.handleSurDateCheck('end') } onPress={() => this.handleDoctorCheck() }
> >
<Text style={styles.qui_date_inp}>{consumeListOptionData[7].name}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[6].name}</Text>
<View style={styles.date_icon_box}> <View style={styles.arr_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} /> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>床位</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
keyboardType={'numeric'}
onChangeText={(text) => this.handleBedInput(text)}
defaultValue={consumeListOptionData[8].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}> {
<Text style={styles.qui_cell_tit}>住院号</Text> borrowListOptionData[6].showInput ?
<TouchableOpacity <View style={styles.qui_cell}>
activeOpacity={.8} <Text style={styles.qui_cell_tit}></Text>
style={styles.qui_cell_inp}> <TouchableOpacity
<TextInput activeOpacity={.8}
placeholder={'请输入'} style={styles.qui_cell_inp}>
style={[styles.cell_rig_sel, styles.cell_rig_input]} <TextInput
placeholderTextColor = {placehold_text_color} placeholder={'请输入主治医生'}
underlineColorAndroid = {'transparent'} style={[styles.cell_rig_sel, styles.cell_rig_input]}
keyboardType={'numeric'} placeholderTextColor = {placehold_text_color}
onChangeText={(text) => this.handleHospitalNumInput(text)} underlineColorAndroid = {'transparent'}
defaultValue={consumeListOptionData[9].value} onChangeText={(text) => this.handleDoctorCheck(text)}
/> defaultValue={borrowListOptionData[6].inputValue}
</TouchableOpacity> />
</View> </TouchableOpacity>
</View>
: null
}
<View style={styles.qui_cell}> <View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>是否结单</Text> <Text style={styles.qui_cell_tit}>手术类型</Text>
<TouchableOpacity <TouchableOpacity
activeOpacity={1} activeOpacity={.8}
style={styles.qui_cell_inp}> style={styles.qui_cell_rig}
{/* <TextInput onPress={() => this.handleSurTypeCheck() }
placeholder={'请输入!!!!需要修改'} >
style={[styles.cell_rig_sel, styles.cell_rig_input]} <Text style={styles.cell_rig_sel}>{borrowListOptionData[7].name}</Text>
placeholderTextColor = {placehold_text_color} <View style={styles.arr_icon_box}>
underlineColorAndroid = {'transparent'} <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
keyboardType={'numeric'} </View>
onChangeText={(text) => this.handleHospitalNumInput(text)} </TouchableOpacity>
/> */} </View>
<View style={styles.btn_radio_box}> <View style={styles.qui_cell}>
<TouchableOpacity <Text style={styles.qui_cell_tit}>手术时间</Text>
<View style={styles.qui_cell_rig_date}>
<TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.btn_yes} style={styles.qui_date_box}
onPress={() => this.handleRadioYesClick()} onPress={() => this.handleSurDateCheck('start') }
> >
<View style={styles.radio_icon}> <Text style={styles.qui_date_inp}>{borrowListOptionData[8].name}</Text>
{ <View style={styles.date_icon_box}>
consumeListOptionData[10].isRedio == 'Y' ? <Image source={require('../../../images/date_icon.png')} style={icon_style} />
<Image style={icon_style} source={require('../../../images/radio_yes.png')} />
: <Image style={icon_style} source={require('../../../images/radio_no.png')} />
}
</View> </View>
<Text style={styles.radio_txt}>是</Text>
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity <Text style={styles.qui_date_line}>—</Text>
<TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.btn_no} style={styles.qui_date_box}
onPress={() => this.handleRadioNoClick()} onPress={() => this.handleSurDateCheck('end') }
> >
<View style={styles.radio_icon}> <Text style={styles.qui_date_inp}>{borrowListOptionData[9].name}</Text>
{ <View style={styles.date_icon_box}>
!consumeListOptionData[10].isRedio ? <Image source={require('../../../images/date_icon.png')} style={icon_style} />
<Image style={icon_style} source={require('../../../images/radio_no.png')} />
: ( consumeListOptionData[10].isRedio == 'Y' ?
<Image style={icon_style} source={require('../../../images/radio_no.png')} />
: <Image style={icon_style} source={require('../../../images/radio_yes.png')} /> )
}
</View> </View>
<Text style={styles.radio_txt}>否</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
</TouchableOpacity> </View>
</View> <View style={styles.qui_cell}>
</View> <Text style={styles.qui_cell_tit}>订单类型</Text>
</View>
</View> : null
}
{
topActiveIndex == 2 ?
<View style={styles.sea_sel_opt}>
<View style={styles.sea_stu_select}>
<Text style={styles.sea_stu_tit}>状态筛选</Text>
<View style={styles.sea_stu_box}>
{
transferListOptionData[0].status.map((item, index) =>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={[ style={styles.qui_cell_rig}
styles.sta_btn, onPress={() => this.handleOrderCheck() }
transferListOptionData[0].curStatus.includes(index) ? styles.sta_btn_act : '',
index == 2 ? styles.btn_txt_marig: ''
]}
onPress={() => this.statusChangeCheck(index)}
key={index}
> >
<Text style={[styles.btn_txt, transferListOptionData[0].curStatus.includes(index) ? styles.btn_txt_act: '']}>{item}</Text> <Text style={styles.cell_rig_sel}>{borrowListOptionData[10].name}</Text>
{ <View style={styles.arr_icon_box}>
transferListOptionData[0].curStatus.includes(index) ? <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
<View style={styles.btn_act_icon}> </View>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View>
: null
}
</TouchableOpacity> </TouchableOpacity>
)
}
{/* <TouchableOpacity
activeOpacity={.8}
style={[styles.sta_btn, styles.sta_btn_act]}
// onPress={() => this.statusChangeCheck(transferListOptionData[0].status[0])}
>
<Text style={[styles.btn_txt, styles.btn_txt_act]}>已提交</Text>
<View style={styles.btn_act_icon}>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View> </View>
</TouchableOpacity>
<TouchableOpacity
activeOpacity={.8}
style={styles.sta_btn}
// onPress={() => this.statusChangeCheck(transferListOptionData[0].status[0])}
>
<Text style={styles.btn_txt}>已完成</Text>
</TouchableOpacity> */}
</View>
</View> </View>
</View> </View> : null
<View style={styles.sea_qui_select}> }
<Text style={styles.sea_qui_tit}>快捷筛选</Text> {
<View style={styles.sea_qui_box}> topActiveIndex == 1 ?
<View style={styles.qui_cell}> <View style={styles.sea_sel_opt}>
<Text style={styles.qui_cell_tit}>组织</Text> <View style={styles.sea_stu_select}>
<TouchableOpacity <Text style={styles.sea_stu_tit}>状态筛选</Text>
activeOpacity={.8} <View style={styles.sea_stu_box}>
style={styles.qui_cell_rig} {
// onPress={() => this.handleOrganizationCheck() } consumeListOptionData[0].status.map((item, index) =>
> <TouchableOpacity
<Text style={styles.cell_rig_sel}>请选择</Text> activeOpacity={.8}
<View style={styles.arr_icon_box}> style={[
<Image source={require('../../../images/arr_rig.png')} style={icon_style} /> styles.sta_btn,
consumeListOptionData[0].curStatus.includes(index) ? styles.sta_btn_act : '',
index == 2 ? styles.btn_txt_marig: ''
]}
onPress={() => this.statusChangeCheck(index)}
key={index}
>
<Text style={[styles.btn_txt, consumeListOptionData[0].curStatus.includes(index) ? styles.btn_txt_act: '']}>{item}</Text>
{
consumeListOptionData[0].curStatus.includes(index) ?
<View style={styles.btn_act_icon}>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View>
: null
}
</TouchableOpacity>
)
}
</View>
</View>
<View style={styles.sea_qui_select}>
<Text style={styles.sea_qui_tit}>快捷筛选</Text>
<View style={styles.sea_qui_box}>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>销售员</Text>
<TouchableOpacity
activeOpacity={1}
style={styles.qui_cell_rig}
>
<Text style={styles.cell_rig_sel}>{consumeListOptionData[1].name}</Text>
<View style={styles.arr_icon_box}>
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>组织</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleOrganizationCheck() }
>
<Text style={styles.cell_rig_sel}>{consumeListOptionData[2].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>客户名称</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleCustomerCheck() }
>
<Text style={styles.cell_rig_sel}>{consumeListOptionData[3].name}</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>患者姓名</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
onChangeText={(text) => this.handlePatNameInput(text)}
defaultValue={consumeListOptionData[4].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>病历号</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
keyboardType={'numeric'}
onChangeText={(text) => this.handleRecordNumInput(text)}
defaultValue={consumeListOptionData[5].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>消耗时间</Text>
<View style={styles.qui_cell_rig_date}>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_date_box}
onPress={() => this.handleSurDateCheck('start') }
>
<Text style={styles.qui_date_inp}>{consumeListOptionData[6].name}</Text>
<View style={styles.date_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} />
</View>
</TouchableOpacity>
<Text style={styles.qui_date_line}>—</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_date_box}
onPress={() => this.handleSurDateCheck('end') }
>
<Text style={styles.qui_date_inp}>{consumeListOptionData[7].name}</Text>
<View style={styles.date_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View> </View>
</TouchableOpacity> </View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>床位</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
keyboardType={'numeric'}
onChangeText={(text) => this.handleBedInput(text)}
defaultValue={consumeListOptionData[8].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>住院号</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
keyboardType={'numeric'}
onChangeText={(text) => this.handleHospitalNumInput(text)}
defaultValue={consumeListOptionData[9].value}
/>
</TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>是否结单</Text>
<TouchableOpacity
activeOpacity={1}
style={styles.qui_cell_inp}>
{/* <TextInput
placeholder={'请输入!!!!需要修改'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
keyboardType={'numeric'}
onChangeText={(text) => this.handleHospitalNumInput(text)}
/> */}
<View style={styles.btn_radio_box}>
<TouchableOpacity
activeOpacity={.8}
style={styles.btn_yes}
onPress={() => this.handleRadioYesClick()}
>
<View style={styles.radio_icon}>
{
consumeListOptionData[10].isRedio == 'Y' ?
<Image style={icon_style} source={require('../../../images/radio_yes.png')} />
: <Image style={icon_style} source={require('../../../images/radio_no.png')} />
}
</View>
<Text style={styles.radio_txt}>是</Text>
</TouchableOpacity>
<TouchableOpacity
activeOpacity={.8}
style={styles.btn_no}
onPress={() => this.handleRadioNoClick()}
>
<View style={styles.radio_icon}>
{
!consumeListOptionData[10].isRedio ?
<Image style={icon_style} source={require('../../../images/radio_no.png')} />
: ( consumeListOptionData[10].isRedio == 'Y' ?
<Image style={icon_style} source={require('../../../images/radio_no.png')} />
: <Image style={icon_style} source={require('../../../images/radio_yes.png')} /> )
}
</View>
<Text style={styles.radio_txt}>否</Text>
</TouchableOpacity>
</View>
</TouchableOpacity>
</View>
</View> </View>
<View style={styles.qui_cell}> </View>
<Text style={styles.qui_cell_tit}>客户名称</Text> </View> : null
<TouchableOpacity }
{
topActiveIndex == 2 ?
<View style={styles.sea_sel_opt}>
<View style={styles.sea_stu_select}>
<Text style={styles.sea_stu_tit}>状态筛选</Text>
<View style={styles.sea_stu_box}>
{
transferListOptionData[0].status.map((item, index) =>
<TouchableOpacity
activeOpacity={.8}
style={[
styles.sta_btn,
transferListOptionData[0].curStatus.includes(index) ? styles.sta_btn_act : '',
index == 2 ? styles.btn_txt_marig: ''
]}
onPress={() => this.statusChangeCheck(index)}
key={index}
>
<Text style={[styles.btn_txt, transferListOptionData[0].curStatus.includes(index) ? styles.btn_txt_act: '']}>{item}</Text>
{
transferListOptionData[0].curStatus.includes(index) ?
<View style={styles.btn_act_icon}>
<Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View>
: null
}
</TouchableOpacity>
)
}
{/* <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_cell_rig} style={[styles.sta_btn, styles.sta_btn_act]}
// onPress={() => this.handleCustomerCheck() } // onPress={() => this.statusChangeCheck(transferListOptionData[0].status[0])}
> >
<Text style={styles.cell_rig_sel}>请选择</Text> <Text style={[styles.btn_txt, styles.btn_txt_act]}>已提交</Text>
<View style={styles.arr_icon_box}> <View style={styles.btn_act_icon}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} /> <Image source={require('../../../images/his_ord_sel.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> <TouchableOpacity
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>主治医生</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
onChangeText={(text) => this.handleDoctorInput(text)}
/>
</TouchableOpacity>
{/* <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_cell_rig} style={styles.sta_btn}
onPress={() => this.handleDoctorCheck() } // onPress={() => this.statusChangeCheck(transferListOptionData[0].status[0])}
> >
<Text style={styles.cell_rig_sel}>请选择</Text> <Text style={styles.btn_txt}>已完成</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity> */} </TouchableOpacity> */}
</View> </View>
<View style={styles.qui_cell}> </View>
<Text style={styles.qui_cell_tit}>手术类型</Text> <View style={styles.sea_qui_select}>
<TouchableOpacity <Text style={styles.sea_qui_tit}>快捷筛选</Text>
activeOpacity={.8} <View style={styles.sea_qui_box}>
style={styles.qui_cell_rig} <View style={styles.qui_cell}>
// onPress={() => this.handleSurTypeCheck() } <Text style={styles.qui_cell_tit}>组织</Text>
> <TouchableOpacity
<Text style={styles.cell_rig_sel}>请选择</Text> activeOpacity={.8}
<View style={styles.arr_icon_box}> style={styles.qui_cell_rig}
<Image source={require('../../../images/arr_rig.png')} style={icon_style} /> // onPress={() => this.handleOrganizationCheck() }
</View> >
</TouchableOpacity> <Text style={styles.cell_rig_sel}>请选择</Text>
</View> <View style={styles.arr_icon_box}>
<View style={styles.qui_cell}> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
<Text style={styles.qui_cell_tit}>手术时间</Text> </View>
<View style={styles.qui_cell_rig_date}> </TouchableOpacity>
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>客户名称</Text>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_date_box} style={styles.qui_cell_rig}
// onPress={() => this.handleSurDateCheck('start') } // onPress={() => this.handleCustomerCheck() }
> >
<Text style={styles.qui_date_inp}>开始日期</Text> <Text style={styles.cell_rig_sel}>请选择</Text>
<View style={styles.date_icon_box}> <View style={styles.arr_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} /> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
<Text style={styles.qui_date_line}>—</Text> </View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>主治医生</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_inp}>
<TextInput
placeholder={'请输入'}
style={[styles.cell_rig_sel, styles.cell_rig_input]}
placeholderTextColor = {placehold_text_color}
underlineColorAndroid = {'transparent'}
onChangeText={(text) => this.handleDoctorInput(text)}
/>
</TouchableOpacity>
{/* <TouchableOpacity
activeOpacity={.8}
style={styles.qui_cell_rig}
onPress={() => this.handleDoctorCheck() }
>
<Text style={styles.cell_rig_sel}>请选择</Text>
<View style={styles.arr_icon_box}>
<Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View>
</TouchableOpacity> */}
</View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>手术类型</Text>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
style={styles.qui_date_box} style={styles.qui_cell_rig}
// onPress={() => this.handleSurDateCheck('end') } // onPress={() => this.handleSurTypeCheck() }
> >
<Text style={styles.qui_date_inp}>结束日期</Text> <Text style={styles.cell_rig_sel}>请选择</Text>
<View style={styles.date_icon_box}> <View style={styles.arr_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} /> <Image source={require('../../../images/arr_rig.png')} style={icon_style} />
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={styles.qui_cell}>
<Text style={styles.qui_cell_tit}>手术时间</Text>
<View style={styles.qui_cell_rig_date}>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_date_box}
// onPress={() => this.handleSurDateCheck('start') }
>
<Text style={styles.qui_date_inp}>开始日期</Text>
<View style={styles.date_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} />
</View>
</TouchableOpacity>
<Text style={styles.qui_date_line}>—</Text>
<TouchableOpacity
activeOpacity={.8}
style={styles.qui_date_box}
// onPress={() => this.handleSurDateCheck('end') }
>
<Text style={styles.qui_date_inp}>结束日期</Text>
<View style={styles.date_icon_box}>
<Image source={require('../../../images/date_icon.png')} style={icon_style} />
</View>
</TouchableOpacity>
</View>
</View>
</View> </View>
</View> </View>
</View> </View> : null
</View> : null }
} </ScrollView>
</ScrollView> </View>
<View style={styles.sea_btn_box}> <View style={styles.sea_btn_box}>
<TouchableOpacity <TouchableOpacity
activeOpacity={.8} activeOpacity={.8}
...@@ -1974,6 +1963,8 @@ class FilterModel extends Component { ...@@ -1974,6 +1963,8 @@ class FilterModel extends Component {
{ this.renderDateModel() } { this.renderDateModel() }
{ this.renderPickerModel() } { this.renderPickerModel() }
{ this.renderErrorModel() }
</View> </View>
) )
} }
...@@ -2017,7 +2008,17 @@ class FilterModel extends Component { ...@@ -2017,7 +2008,17 @@ class FilterModel extends Component {
} }
// 返回错误提示弹窗
renderErrorModel() {
let {errorPopType, errorTit} = this.state
return(
<ErrorTipModel
title={errorTit}
show={errorPopType}
closeModal={(show) => this.handelCloseErrorModel(show)}
/>
)
}
render() { render() {
...@@ -2054,8 +2055,6 @@ const styles = StyleSheet.create({ ...@@ -2054,8 +2055,6 @@ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: 'rgba(0, 0, 0, 0.5)' backgroundColor: 'rgba(0, 0, 0, 0.5)'
// paddingTop: '55%',
// alignItems: 'center'
}, },
cont_mian: { cont_mian: {
flex: 1, flex: 1,
...@@ -2069,14 +2068,8 @@ const styles = StyleSheet.create({ ...@@ -2069,14 +2068,8 @@ const styles = StyleSheet.create({
width: Width(), width: Width(),
flex: 1, flex: 1,
flexDirection: 'column', flexDirection: 'column',
backgroundColor: '#F5F5F5', // backgroundColor: '#FF0000',
height: pxHeight(500), height: Height() - 266
// borderRadius: 10,
// marginHorizontal: 30,
// marginVertical: 20,
// paddingTop: 30,
// paddingBottom: 60,
// paddingHorizontal: 20
}, },
cont_item_box: {}, cont_item_box: {},
top_box: {}, top_box: {},
...@@ -2097,10 +2090,8 @@ const styles = StyleSheet.create({ ...@@ -2097,10 +2090,8 @@ const styles = StyleSheet.create({
top_inner: { top_inner: {
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
// marginRight: 14,
borderBottomWidth: 2, borderBottomWidth: 2,
borderBottomColor: foundation_color, borderBottomColor: foundation_color
// minWidth: 50
}, },
top_inner_act: { top_inner_act: {
borderBottomWidth: 2, borderBottomWidth: 2,
...@@ -2119,8 +2110,7 @@ const styles = StyleSheet.create({ ...@@ -2119,8 +2110,7 @@ const styles = StyleSheet.create({
top_sea_box: { top_sea_box: {
paddingVertical: 14, paddingVertical: 14,
position: 'relative', position: 'relative',
// paddingHorizontal: 24, backgroundColor: '#F5F5F5'
// flex: 1
}, },
sea_inner: { sea_inner: {
flexDirection: 'row', flexDirection: 'row',
...@@ -2144,28 +2134,15 @@ const styles = StyleSheet.create({ ...@@ -2144,28 +2134,15 @@ const styles = StyleSheet.create({
marginLeft: 4 marginLeft: 4
}, },
sea_main: { sea_main: {},
// height: 800,
// backgroundColor: 'rgba(0, 0, 0, .5)',
// position: 'absolute',
// top: 44,
// left: 0,
// right: 0,
// zIndex: 1,
// borderTopWidth: .5,
// borderTopColor: '#C8C8C8'
},
sea_container: { sea_container: {
// backgroundColor: '#000', flex: 1
// minHeight: Height() - 218,
// height: pxHeight(506),
// height: Height() - 170
// flex: 1
height: pxHeight(412)
}, },
sea_scroll: { sea_scr_box: {
height: Height() - 420,
backgroundColor: '#F5F5F5' backgroundColor: '#F5F5F5'
}, },
sea_scroll: {},
sea_sel_opt: { sea_sel_opt: {
paddingHorizontal: 20, paddingHorizontal: 20,
paddingBottom: 40 paddingBottom: 40
...@@ -2183,7 +2160,6 @@ const styles = StyleSheet.create({ ...@@ -2183,7 +2160,6 @@ const styles = StyleSheet.create({
sea_stu_box:{ sea_stu_box:{
flexDirection: 'row', flexDirection: 'row',
flexWrap: 'wrap' flexWrap: 'wrap'
// justifyContent: 'space-between'
}, },
sta_btn: { sta_btn: {
width: '30%', width: '30%',
...@@ -2267,8 +2243,7 @@ const styles = StyleSheet.create({ ...@@ -2267,8 +2243,7 @@ const styles = StyleSheet.create({
}, },
cell_rig_input: { cell_rig_input: {
flex: 1, flex: 1,
lineHeight: 18, lineHeight: 20,
// height: 40,
color: first_text_color color: first_text_color
}, },
btn_radio_box: { btn_radio_box: {
...@@ -2330,9 +2305,7 @@ const styles = StyleSheet.create({ ...@@ -2330,9 +2305,7 @@ const styles = StyleSheet.create({
}, },
sea_btn_box: { sea_btn_box: {
// alignItems: 'flex-end', flexDirection: 'row'
flexDirection: 'row',
// marginTop: 40
}, },
sea_btn_inner: { sea_btn_inner: {
backgroundColor: promary_color, backgroundColor: promary_color,
......
app/containers/home/module/TabBottomItem.js
...@@ -35,7 +35,6 @@ class TabBottomItem extends Component { ...@@ -35,7 +35,6 @@ class TabBottomItem extends Component {
// 返回每一个tab // 返回每一个tab
renderTabOption(tab, i) { renderTabOption(tab, i) {
const color = this.props.activeTab == i ? "#6B8E23" : "#ADADAD"; // 判断i是否是当前选中的tab，设置不同的颜色 const color = this.props.activeTab == i ? "#6B8E23" : "#ADADAD"; // 判断i是否是当前选中的tab，设置不同的颜色
console.log('props.activeTab---', tab, i)
let {props} = this let {props} = this
return( return(
<TouchableOpacity <TouchableOpacity
...@@ -88,9 +87,7 @@ const styles = StyleSheet.create({ ...@@ -88,9 +87,7 @@ const styles = StyleSheet.create({
shadowOpacity: 1, shadowOpacity: 1,
elevation: 10, elevation: 10,
}, },
tab_opt: { tab_opt: {},
// backgroundColor: 'red'
},
tab_item_box: { tab_item_box: {
alignItems: 'center', alignItems: 'center',
paddingVertical: 10, paddingVertical: 10,
......
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