消耗确认页面修改

app/Router.js

@@ -9,7 +9,8 @@ import HomePage from './containers/home/HomePage';
 import SelfOrderPage from './containers/selfOrder/SelfOrderPage';
 import SelfOrderPage from './containers/selfOrder/SelfOrderPage';
 import ChooseProductPage from './containers/selfOrder/module/ChooseProductPage';
 import ChooseProductPage from './containers/selfOrder/module/ChooseProductPage';
 import EditThirdLevelPage from './containers/selfOrder/module/EditThirdLevelPage';
 import EditThirdLevelPage from './containers/selfOrder/module/EditThirdLevelPage';
-import EquipConsuPage from './containers/equipConsu/EquipConsuPage';
+// import EquipConsuPage from './containers/equipConsu/EquipConsuPage';
+import EquipConsuPage from '../src/pages/consume_order/consume';
 import ConsumDetailsPage from './containers/equipConsu/module/ConsumDetailsPage';
 import ConsumDetailsPage from './containers/equipConsu/module/ConsumDetailsPage';
 import ChargeDetailsPage from './containers/equipConsu/module/ChargeDetailsPageRef';
 import ChargeDetailsPage from './containers/equipConsu/module/ChargeDetailsPageRef';
 import FillUnitPricePage from './containers/equipConsu/module/FillUnitPricePage';
 import FillUnitPricePage from './containers/equipConsu/module/FillUnitPricePage';
@@ -25,6 +26,7 @@ import HistoricalOrderPage from './containers/historicalOrder/HistoricalOrderPag
 import LineOrderPage from './containers/historicalOrder/module/LineOrderPage';
 import LineOrderPage from './containers/historicalOrder/module/LineOrderPage';
 import SubSuccPage from './containers/common/SubSuccPage';
 import SubSuccPage from './containers/common/SubSuccPage';
 import BarCodePage from './containers/common/BarCodePage';
 import BarCodePage from './containers/common/BarCodePage';
+import Success from '../src/pages/success/success';
 
 
 // 结算
 // 结算
 import Settlement from '../src/pages/settlement/index';
 import Settlement from '../src/pages/settlement/index';
@@ -65,6 +67,7 @@ const Router = createAppContainer(createStackNavigator({
   LineOrderPage: {screen: LineOrderPage},
   LineOrderPage: {screen: LineOrderPage},
   SubSuccPage: {screen: SubSuccPage},
   SubSuccPage: {screen: SubSuccPage},
   BarCodePage: {screen: BarCodePage},
   BarCodePage: {screen: BarCodePage},
+  Success: {screen: Success},
   Settlement: {screen: Settlement},
   Settlement: {screen: Settlement},
   SettlementCollection: {screen: SettlementCollection},
   SettlementCollection: {screen: SettlementCollection},
   SettlementReject: {screen: SettlementReject},
   SettlementReject: {screen: SettlementReject},

app/containers/equipConsu/module/ConsumDetailsPage.js

@@ -11,6 +11,7 @@ import LodingModel from '../../common/LodingModel';
 import { exitLoginStatus } from '../../../action/LoginAction';
 import { exitLoginStatus } from '../../../action/LoginAction';
 import { OBS_MOBILE_EQU_CON_DISPLAY_PRICE } from '../../../base/BaseConstants';
 import { OBS_MOBILE_EQU_CON_DISPLAY_PRICE } from '../../../base/BaseConstants';
 import { LOGIN_NO } from '../../../base/ActionTypes';
 import { LOGIN_NO } from '../../../base/ActionTypes';
+import FilterModal from '../../../../src/pages/consume_order/components/FilterModel'
 import moment from 'moment';
 import moment from 'moment';
 import * as R  from 'ramda';
 import * as R  from 'ramda';
 
 
@@ -28,7 +29,8 @@ class ConsumDetailsPage extends Component {
             localSelectOption: [],   // 已选数据
             localSelectOption: [],   // 已选数据
             isSubLoding: true, // 加载中弹窗
             isSubLoding: true, // 加载中弹窗
             lodingTitle: '加载中',
             lodingTitle: '加载中',
-            userEnteredPrice: 'Y'
+            userEnteredPrice: 'Y',
+            isShowFilterModal: false
          }
          }
     }
     }
 
 
@@ -63,7 +65,7 @@ class ConsumDetailsPage extends Component {
         let {global_domain_config} = this.props
         let {global_domain_config} = this.props
         let params = {
         let params = {
             access_token: this.props.token,
             access_token: this.props.token,
-            surgery_collect_number: orderId
+            raised_consume: 'N',
         }
         }
         let detailResult = await requestEquipDetails(global_domain_config, params)
         let detailResult = await requestEquipDetails(global_domain_config, params)
         console.log('消耗明细 res===', detailResult)
         console.log('消耗明细 res===', detailResult)
@@ -258,6 +260,32 @@ class ConsumDetailsPage extends Component {
         }
         }
     }
     }
 
 
+    // 点击 显示筛选框
+    showFilterModal(show){
+        this.setState({isShowFilterModal:show})
+    }
+
+    // 筛选数据处理
+    filterSubmitCheck(params){
+        let { conDetaOption,allConOption } = this.state
+        for (const key in params) {
+            if (isBlank(params[key])) {
+                delete params[key]
+            }
+        }
+        if (isBlank(params)) {
+            this.setState({ conDetaOption: allConOption })
+            return
+        } 
+        conDetaOption = conDetaOption.filter(item=>{
+            for (const key in params) {
+                return R.includes(params[key],item[key])
+            }
+            return true
+        })
+        this.setState({conDetaOption,isShowFilterModal:false})
+    }
+
     // 返回搜索元素
     // 返回搜索元素
     renderSearchItem() {
     renderSearchItem() {
         return (
         return (
@@ -428,9 +456,20 @@ class ConsumDetailsPage extends Component {
                         { this.renderSearchItem() }
                         { this.renderSearchItem() }
                         { this.renderContItem() }
                         { this.renderContItem() }
                         {this.renderLodingItem()}
                         {this.renderLodingItem()}
+                        <FilterModal
+                            show={this.state.isShowFilterModal}
+                            filterSubmitCheck={(params) => { this.filterSubmitCheck(params) }}
+                        />
                     </View>
                     </View>
                     {this.renderFooterBtnItem()}
                     {this.renderFooterBtnItem()}
                 </SafeAreaView>
                 </SafeAreaView>
+                <TouchableOpacity
+                    activeOpacity={0.8}
+                    style={styles.filter} 
+                    onPress={()=>this.showFilterModal(!this.state.isShowFilterModal)}
+                >
+                    <Image source={require('../../../images/filter_icon.png')} style={icon_style}></Image>
+                </TouchableOpacity>
             </View>
             </View>
          );
          );
     }
     }
@@ -444,7 +483,8 @@ const styles = StyleSheet.create({
         margin: 0
         margin: 0
     },
     },
     cu_dl_main: {
     cu_dl_main: {
-        flex: 1
+        flex: 1,
+        position:'relative'
     },
     },
     list_cont: {
     list_cont: {
         flex: 1
         flex: 1
@@ -522,6 +562,13 @@ const styles = StyleSheet.create({
         top: 20,
         top: 20,
         width: pxSize(22),
         width: pxSize(22),
         height: pxSize(22),
         height: pxSize(22),
+    },
+    filter:{
+        position:'absolute',
+        top:15,
+        right:10,
+        width:pxSize(30),
+        height:pxSize(30)
     }
     }
 })
 })
 
 

app/containers/home/HomePage.js

@@ -15,6 +15,7 @@ import {
 } from '../../base/BaseStyle'
 } from '../../base/BaseStyle'
 import { exitLoginStatus, requestSysProfile, setNavigation } from '../../action/LoginAction'
 import { exitLoginStatus, requestSysProfile, setNavigation } from '../../action/LoginAction'
 import { getSettlementStatus, getInvoiceStatus } from '../../action/SettlementAction'
 import { getSettlementStatus, getInvoiceStatus } from '../../action/SettlementAction'
+import { getOrganizations } from '../../../src/action/consumeAction'
 import HeadBackItem from '../common/HeadBackItem'
 import HeadBackItem from '../common/HeadBackItem'
 import StatusBarView from '../common/StatusBarView'
 import StatusBarView from '../common/StatusBarView'
 import TabBottomItem from './module/TabBottomItem'
 import TabBottomItem from './module/TabBottomItem'
@@ -115,6 +116,7 @@ class HomePage extends Component {
     this.getSysConfigValue()
     this.getSysConfigValue()
     this.props.setNavigation(this.props.navigation)
     this.props.setNavigation(this.props.navigation)
     this.getSettlementStatus()
     this.getSettlementStatus()
+    this.props.getOrganizations()
   }
   }
 
 
   componentWillReceiveProps(nextProps) {
   componentWillReceiveProps(nextProps) {
@@ -350,6 +352,9 @@ const mapDispatchToProps = dispatch => ({
   getInvoiceStatus: () => {
   getInvoiceStatus: () => {
     dispatch(getInvoiceStatus())
     dispatch(getInvoiceStatus())
   },
   },
+  getOrganizations: () => {
+    dispatch(getOrganizations())
+  },
 })
 })
 
 
 export default connect(mapStateToProps, mapDispatchToProps)(HomePage)
 export default connect(mapStateToProps, mapDispatchToProps)(HomePage)

app/reducers/module/login.js

@@ -37,6 +37,7 @@ export const originSysProfiles = {
     OBS_SHOW_ORG_FLAG: 'Y',
     OBS_SHOW_ORG_FLAG: 'Y',
     SUR_MOBILE_HISTORY_SALE_PRICE_SHOW_FLAG: 'Y',
     SUR_MOBILE_HISTORY_SALE_PRICE_SHOW_FLAG: 'Y',
     SUR_MOBILE_INV_PRODUCT_LINE_CATEGORY_FLAG: 0,
     SUR_MOBILE_INV_PRODUCT_LINE_CATEGORY_FLAG: 0,
+    OBS_MOBILE_DEPARTMENT_DISPLAY:0,
     OBS_MOBILE_APP_TITLE: '骨科智慧仓'
     OBS_MOBILE_APP_TITLE: '骨科智慧仓'
 }
 }
 
 

app/store/configureStore.js

 import {createStore, applyMiddleware, compose} from 'redux';
 import {createStore, applyMiddleware, compose} from 'redux';
 import thunkMiddleware from 'redux-thunk';
 import thunkMiddleware from 'redux-thunk';
 import rootReducer from '../reducers';
 import rootReducer from '../reducers';
+import srcRootReducer from '../../src/reducers/index';
 import {persistStore,persistCombineReducers} from 'redux-persist';
 import {persistStore,persistCombineReducers} from 'redux-persist';
 import reconciler from 'redux-persist/lib/stateReconciler/autoMergeLevel2';
 import reconciler from 'redux-persist/lib/stateReconciler/autoMergeLevel2';
 import storage from 'redux-persist/es/storage';
 import storage from 'redux-persist/es/storage';
@@ -17,7 +18,7 @@ const middleWares = [
     thunkMiddleware
     thunkMiddleware
 ];
 ];
 
 
-const reducers = persistCombineReducers(config,rootReducer);
+const reducers = persistCombineReducers(config,{...rootReducer,...srcRootReducer});
 
 
 const enhances = [applyMiddleware(...middleWares)];
 const enhances = [applyMiddleware(...middleWares)];
 
 

src/action/consumeAction.js

+import api from '../services/api'
+import {
+  CONSUME_ORDER_ORG,
+  CONSUME_ORDER_DEPARTMENTS,
+} from '../base/ActionTypes'
+import * as R from 'ramda'
+import { show } from '../../app/utils/Utils'
+
+/**
+ * @description:获取组织
+ */
+export const getOrganizations = params => {
+  return dispatch => {
+    api.getOrganizations(params).then(res => {
+      console.log(res)
+      if (res.error_code === 0) {
+        const organizations = R.compose(R.uniqBy(R.prop('org_code')), R.pathOr([], ['data', 'organizations']))(res)
+        const inventories = res.data.inventories
+        dispatch(setOrganizationsSuccess({ organizations, inventories }))
+      }
+    })
+  }
+}
+
+/**
+ * @description：根据组织和销售员获取部门
+ */
+export function getDepartmentsBySellerAndOrg(params) {
+  return dispatch => {
+    api.getDepartmentsBySellerAndOrg(params).then(res => {
+      console.log(res)
+      if (res.error_code === 0) {
+        dispatch(setDepartments(res.data.relationships))
+      } else {
+        show(res.error_msg)
+      }
+    })
+  }
+}
+
+export function setOrganizationsSuccess(data) {
+  return {
+    type: CONSUME_ORDER_ORG,
+    orgData: data,
+  }
+}
+
+export function setDepartments(data) {
+  return {
+    type: CONSUME_ORDER_DEPARTMENTS,
+    departmentsData: data,
+  }
+}
+
+/**
+ * @description:组织数据转换option
+ * @param {} organizations
+ * @returns
+ */
+export function getOrgOption(organizations) {
+  return R.map(
+    R.applySpec({
+      label: R.prop('org_name'),
+      value: R.prop('org_code'),
+    }),
+  )(organizations)
+}
+
+/**
+ * @description:部门数据转换option
+ * @param {} departmentsOption
+ * @returns
+ */
+export function getDepartmentsOption(departments) {
+  return R.map(
+    R.applySpec({
+      label: R.prop('department_name'),
+      value: R.prop('department_code'),
+    }),
+  )(departments)
+}
+
+/**
+ * @description:客户数据转换option
+ * @param {} departmentsOption
+ * @returns
+ */
+export function getCustomersOption(customers) {
+  return R.map(
+    R.applySpec({
+      label: R.prop('customer_name'),
+      value: R.prop('customer_code'),
+    }),
+  )(customers)
+}
\ No newline at end of file

src/base/ActionTypes.js

+//-----------consume---------------------------
+export const CONSUME_ORDER_ORG = 'CONSUME_ORDER_ORG'
+export const CONSUME_ORDER_DEPARTMENTS = 'CONSUME_ORDER_DEPARTMENTS'
\ No newline at end of file

src/components/common/Resolution.tsx

@@ -18,7 +18,7 @@ export default class Resolution {
     let pxRatio = PixelRatio.get()
     let pxRatio = PixelRatio.get()
     let { width, height } = Dimensions.get(dim)
     let { width, height } = Dimensions.get(dim)
     if (dim != 'screen') height -= navHeight
     if (dim != 'screen') height -= navHeight
-
+    designSize.width = width // 设置为屏幕宽度
     let w = PixelRatio.getPixelSizeForLayoutSize(width)
     let w = PixelRatio.getPixelSizeForLayoutSize(width)
     let h = PixelRatio.getPixelSizeForLayoutSize(height)
     let h = PixelRatio.getPixelSizeForLayoutSize(height)
 
 

src/components/form/index.styl

@@ -17,7 +17,7 @@
     height 100%
     height 100%
 
 
   &-item
   &-item
-    width 378px
+    width 100%
     height 58px
     height 58px
     background-color #fff
     background-color #fff
     padding 0 18px
     padding 0 18px

src/components/form/index.tsx

@@ -92,7 +92,7 @@ export default class Form extends Component<IProps> {
         if (rule.required && isBlank(data[item.field])) {
         if (rule.required && isBlank(data[item.field])) {
           return this.setState({ canSubmit: false })
           return this.setState({ canSubmit: false })
         }
         }
-        if (rule.pattern && R.complement(R.test)(rule.pattern, data[item.field])) {
+        if (rule.pattern && !R.test(rule.pattern, data[item.field])) {
           return this.setState({ canSubmit: false })
           return this.setState({ canSubmit: false })
         }
         }
       }
       }

src/pages/consume/components/selected-consumables.tsx

 import React, { Component } from 'react'
 import React, { Component } from 'react'
 import { View, Text, ScrollView, TouchableOpacity, Image } from 'react-native'
 import { View, Text, ScrollView, TouchableOpacity, Image } from 'react-native'
-import { inject, observer } from 'mobx-react'
 import { IFormField, ISurgeryCollectLine } from 'bonehouse'
 import { IFormField, ISurgeryCollectLine } from 'bonehouse'
 import * as R from 'ramda'
 import * as R from 'ramda'
 import { g, isBlank, isNotBlank } from '../../../utils/utils'
 import { g, isBlank, isNotBlank } from '../../../utils/utils'
@@ -25,12 +24,12 @@ export default (props: IProps) => {
           <Text style={g(styles, 'bd-title')}>耗材({R.length(value || [])})</Text>
           <Text style={g(styles, 'bd-title')}>耗材({R.length(value || [])})</Text>
           {value.map((val, idx) => {
           {value.map((val, idx) => {
             return (
             return (
-              <View style={g(styles, 'item')} key={val.serialNumber}>
+              <View style={g(styles, 'item')} key={val.serial_number}>
                 <Text style={g(styles, 'item-title')}>
                 <Text style={g(styles, 'item-title')}>
-                  {idx + 1}. {val.itemName}
+                  {idx + 1}. {val.item_name}
                 </Text>
                 </Text>
-                <Text style={g(styles, 'item-text')}>序列号: {val.serialNumber}</Text>
-                <Text style={g(styles, 'item-text')}>单价(￥): {val.salePrice}</Text>
+                <Text style={g(styles, 'item-text')}>序列号: {val.serial_number}</Text>
+                <Text style={g(styles, 'item-text')}>单价(￥): {val.sale_price}</Text>
               </View>
               </View>
             )
             )
           })}
           })}

src/pages/consume_order/components/FilterModel.tsx

+import React, { Component } from 'react'
+import {
+  View,
+  Text,
+  Modal,
+  SafeAreaView,
+  TextInput,
+  StyleSheet,
+  TouchableOpacity,
+  Image,
+  ScrollView,
+} from 'react-native'
+import StatusBarView from '../../../../app/containers/common/StatusBarView'
+import HeadBackItem from '../../../../app/containers/common/StatusBarView'
+import DateModel from '../../../../app/containers/common/DateModel'
+import DialogModel from '../../../../app/containers/common/DialogModel'
+import { SelectModal } from '../../../components/form/select-modal'
+import { g } from '../../../utils/utils'
+import styles from './filterModal.styl'
+import { pxSize } from '../../../assets/styles/base'
+
+type Iprops = {}
+
+class Filter extends Component<Iprops> {
+  constructor(props) {
+    super(props)
+    this.state = {
+      isVisible: false,
+      dateModelPop: false,
+      currentDateVal: new Date(), // 当前日期值
+      currentTitle: '',
+      filterParams: {
+        surgery_collect_number: '',
+        collected_date_start: '',
+        collected_date_end: '',
+        surgery_name: '',
+        remark: '',
+      },
+    }
+  }
+
+  componentWillReceiveProps(nextProps) {
+    let { isVisible } = this.state
+    if (isVisible != nextProps.show) {
+      this.setState({
+        isVisible: nextProps.show,
+      })
+    }
+  }
+
+  handleSearchInput(text, typeName) {
+    const { filterParams } = this.state
+    if (typeName === 'sur_order') {
+    } else if (typeName === 'sur_order') {
+    }
+    switch (typeName) {
+      case 'sur_order':
+        filterParams.surgery_collect_number = text
+        break
+      case 'sur_name':
+        filterParams.surgery_name = text
+        break
+      case 'remark':
+        filterParams.remark = text
+        break
+      default:
+        break
+    }
+    this.setState({ filterParams })
+  }
+
+  /**
+   * @description:日期弹窗
+   */
+  handleSurDateCheck(typeName) {
+    let { currentTitle } = this.state
+    currentTitle = typeName
+    this.setState({ dateModelPop: true, currentTitle })
+  }
+
+  /**
+   * @description:关闭日期弹窗
+   */
+  closeDateModal() {
+    this.setState({ dateModelPop: false })
+  }
+
+  /**
+   * @description：日期选择回调
+   */
+  dateModalCallback(date) {
+    let { currentTitle, filterParams } = this.state
+    if (currentTitle === 'start') {
+      filterParams.collected_date_start = date
+      this.setState({ filterParams })
+    } else {
+      filterParams.collected_date_end = date
+      this.setState({ filterParams })
+    }
+  }
+
+  /**
+   * @description:关闭弹窗
+   */
+  closeModal() {
+    this.setState({
+      isVisible: false,
+    })
+  }
+
+  /**
+   * @description:重置
+   */
+  handleSubResetCheck() {
+    const { filterParams } = this.state
+    for (const key in filterParams) {
+      filterParams[key] = ''
+    }
+    this.setState({ filterParams })
+  }
+
+  /**
+   * @description:确定
+   */
+  handleFilterSubmitCheck() {
+    const { filterParams } = this.state
+    this.closeModal()
+    this.props.filterSubmitCheck(filterParams)
+  }
+
+  /**
+   * @description:渲染弹窗内容
+   * @returns
+   */
+  renderContent() {
+    const { filterParams } = this.state
+    return (
+      <View style={g(styles, 'sea_wrap')}>
+        <View style={g(styles, 'sea_qui_select')}>
+          <Text style={g(styles, 'sea_qui_tit')}>快捷筛选</Text>
+          <View style={g(styles, 'sea_qui_box')}>
+            <View style={g(styles, 'qui_cell')}>
+              <Text style={[g(styles, 'styles.qui_cell_tit'), { width: pxSize(100) }]}>借货订单号</Text>
+              <TextInput
+                placeholder={'请输入借货订单号'}
+                style={g(styles, 'sea_input')}
+                value={filterParams.surgery_collect_number}
+                onChangeText={text => this.handleSearchInput(text, 'sur_order')}
+              />
+            </View>
+            <View style={g(styles, 'qui_cell')}>
+              <Text style={[g(styles, 'styles.qui_cell_tit'), { width: pxSize(100) }]}>订单日期</Text>
+              <TouchableOpacity
+                activeOpacity={0.8}
+                style={g(styles, 'qui_date_box')}
+                onPress={() => this.handleSurDateCheck('start')}
+              >
+                <Text style={g(styles, 'qui_date_inp')}>{filterParams.collected_date_start || '开始日期'}</Text>
+                <View style={{ width: pxSize(14), height: pxSize(14) }}>
+                  <Image source={require('../../../assets/images/date_icon.png')} style={g(styles, 'icon_style')} />
+                </View>
+              </TouchableOpacity>
+              <Text style={styles.qui_date_line}>—</Text>
+              <TouchableOpacity
+                activeOpacity={0.8}
+                style={g(styles, 'qui_date_box')}
+                onPress={() => this.handleSurDateCheck('end')}
+              >
+                <Text style={g(styles, 'qui_date_inp')}>{filterParams.collected_date_end || '结束日期'}</Text>
+                <View style={{ width: pxSize(14), height: pxSize(14) }}>
+                  <Image source={require('../../../assets/images/date_icon.png')} style={g(styles, 'icon_style')} />
+                </View>
+              </TouchableOpacity>
+            </View>
+            <View style={g(styles, 'qui_cell')}>
+              <Text style={[g(styles, 'styles.qui_cell_tit'), { width: pxSize(100) }]}>手术名称</Text>
+              <TextInput
+                placeholder={'请输入手术名称'}
+                style={g(styles, 'sea_input')}
+                value={filterParams.surgery_name}
+                onChangeText={text => this.handleSearchInput(text, 'sur_name')}
+              />
+            </View>
+            <View style={g(styles, 'qui_cell')}>
+              <Text style={[g(styles, 'styles.qui_cell_tit'), { width: pxSize(100) }]}>备注</Text>
+              <TextInput
+                placeholder={'请输入备注'}
+                style={g(styles, 'sea_input')}
+                value={filterParams.remark}
+                onChangeText={text => this.handleSearchInput(text, 'remark')}
+              />
+            </View>
+          </View>
+        </View>
+        <View style={g(styles, 'sea_btn_box')}>
+          <TouchableOpacity
+            activeOpacity={0.9}
+            style={g(styles, 'sea_btn_inner', 'sea_btn_lef')}
+            onPress={() => this.handleSubResetCheck()}
+          >
+            <Text style={[styles.sea_btn_tit, styles.sea_btn_reset]}>重置</Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            activeOpacity={0.9}
+            style={g(styles, 'sea_btn_inner')}
+            onPress={() => this.handleFilterSubmitCheck()}
+          >
+            <Text style={styles.sea_btn_tit}>确定</Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+    )
+  }
+
+  render(): React.ReactNode {
+    let { navigation } = this.props
+    const { isVisible, dateModelPop, currentDateVal } = this.state
+    return (
+      <>
+        {isVisible ? (
+          <View style={g(styles, 'dia_container')}>
+            {this.renderContent()}
+            <DateModel
+              date={currentDateVal}
+              closeModal={show => this.closeDateModal(show)}
+              show={dateModelPop}
+              callback={date => this.dateModalCallback(date)}
+              date_mode={'date'}
+            />
+          </View>
+        ) : null}
+      </>
+    )
+  }
+}
+
+export default Filter

src/pages/consume_order/components/filterModal.styl

+@import '../../../assets/styles/base.styl'
+@import '../../../assets/styles/variable.styl'
+
+.dia_container
+  flex: 1
+  position absolute
+  // top: 118px
+  left: 0
+  width: 100%
+  height: 120%
+  z-index: 199
+  background-color: rgba(0 0, 0, 0.5)
+
+.container
+  flex: 1
+
+.sea_wrap
+  background-color #F5F5F5
+  padding: 10px 15px
+
+.sea_qui_tit
+  color: first_text_color
+  font-size second_text_size
+  font-family: font_family_medium
+  margin-top 22px
+
+.qui_cell
+  flex-direction: row
+  justify-content space-between
+  align-items center
+  margin-top: 10px
+
+.qui_cell_tit
+  color: first_text_color
+  font-size 14px
+  font-family font_family_regular
+
+.qui_cell_rig
+  flex: 1
+  height: 40
+  background-color: foundation_color 
+  flex-direction: row
+  align-items center
+  justify-content flex-end
+  padding: 6px 0
+
+.arr_icon_box
+  margin-left 6px
+
+.icon_style
+  @extend .icon
+
+.sea_btn_box
+  flex-direction: row
+  margin-top: 10px
+
+.sea_btn_inner
+  background-color primary_color
+  width: 50%
+  height: 38px
+
+.sea_btn_lef
+  background-color: #E7F1FD
+
+.sea_btn_tit
+  font-size 14px
+  font-family: font_family_regular
+  text-align center
+  line-height 36px
+  color: title_text_color
+
+.sea_btn_reset
+  color: #007EFF
+
+.sea_input
+  width: 100%
+
+.qui_date_box
+  flex-direction: row
+  align-items center
+  justify-content space-evenly
+  width 30%
+  // background-color foundation_color
+  padding: 10px 0
+
+.qui_date_inp
+  line-height 38px
+  color: third_text_color
+  font-size 14px
+  font-family: font_family_regular
+
+.qui_date_line
+  font-size 14px
+  color: third_text_color
\ No newline at end of file

src/pages/success/success.tsx

@@ -38,7 +38,7 @@ export default ({ navigation }) => {
             setTimeout(
             setTimeout(
               () => {
               () => {
                 hide && hide()
                 hide && hide()
-                navigation.navigate('Main')
+                navigation.navigate('HomePage')
               },
               },
               hide ? 1000 : 0,
               hide ? 1000 : 0,
             )
             )

src/reducers/index.js

+import storage from 'redux-persist/es/storage'
+import { persistReducer } from 'redux-persist'
+import consume from './module/consumeConfig'
+const consumeConfig = {
+  key: 'consume',
+  storage,
+  debug: false,
+  blackList: [],
+}
+
+const rootReducer = {
+  consume: persistReducer(consumeConfig, consume),
+}
+
+export default rootReducer

src/reducers/module/consumeConfig.tsx

+import {
+  CONSUME_ORDER_ORG,
+  CONSUME_ORDER_DEPARTMENTS,
+} from '../../base/ActionTypes'
+
+// 快速下单状态
+const defaultState = {
+  consum_list_status: CONSUME_ORDER_ORG, // 获取数据状态
+  // submit_quick_order_status: QUICK_SUBMIT_NO, // 提交订单状态
+  org: {}, // 组织数据
+  departments: [], // 部门数据
+}
+
+const consume = (state = defaultState, action: any) => {
+  switch (action.type) {
+    case CONSUME_ORDER_ORG:
+      return Object.assign({}, state, {
+        org: action.orgData,
+      })
+    case CONSUME_ORDER_DEPARTMENTS:
+      return Object.assign({}, state, {
+        departments: action.departmentsData,
+      })
+    default:
+      return state
+  }
+}
+export default consume

src/services/api.ts

@@ -25,6 +25,16 @@ export default {
   },
   },
 
 
   /**
   /**
+     * @description: 根据组织和销售员获取部门信息
+     * @param {object} data
+     * @return {*}
+     */
+  getDepartmentsBySellerAndOrg(data: { org_ode: string; seller_ode: string; scopeFlag: string }) {
+    return request({ url: `${v}/sale/sale_relationship/search`, data })
+
+  },
+
+  /**
    * @description: 请求客户
    * @description: 请求客户
    * @param {*}
    * @param {*}
    * @return {*}
    * @return {*}
@@ -132,4 +142,31 @@ export default {
   }) {
   }) {
     return request({ url: `${v}/consume/update`, data, method: `POST` })
     return request({ url: `${v}/consume/update`, data, method: `POST` })
   },
   },
+
+  /**
+   * @description: 获取借货订单行
+   * @param {*} data
+   * @return {*}
+   */
+  getCollectOrderLines(data?: { surgeryCollectNumber: string }) {
+    return request({ url: `${v}/surgery/collected_order_line/search`, data })
+  },
+
+  /**
+   * @description:获取费用明细
+   * @param data 
+   * @returns 
+   */
+  getFeeLines(data?: { surgery_collect_number?: string }) {
+    return request({ url: `${v}/surgery/consume_fee_line/search`, data })
+  },
+
+  /**
+   * @description: 按组创建消耗订单
+   * @param {any} data
+   * @return {*}
+   */
+  createConsumeOrder(data: any) {
+    return request({ url: `${v}/surgery/consume_group_order/create`, data, method: 'post' })
+  }
 }
 }