Skip to content

zhangzhonghua / BoneHouse_Business_APP

Go to a project
Commit 072092dd by peii
Options

结算确认

parent 36025b34
Inline Side-by-side
Showing with 743 additions and 66 deletions
app/action/SettlementAction.js 0 → 100644
/*
* @FilePath: /BoneHouse_Business_APP/app/action/SettlementAction.js
* @Author: peii
* @Date: 2021-12-21 16:30:41
* @LastEditTime: 2021-12-21 16:58:42
* @LastEditors: peii
* @Vision: 1.0
* @Description: 结算模块 action
*/
import { SET_SETTLEMENT_STATUS } from '../base/ActionTypes'
import * as R from 'ramda'
import { GetRequest } from '../network/RequestUtils'
import { getUrlParams } from '../utils/Utils'
const settlementStatus = [
{ value_code: 'APPROVED', value_name: '已审批' },
{ value_code: 'CANCELED', value_name: '已取消' },
{ value_code: 'ENTERED', value_name: '已创建' },
{ value_code: 'INVOICED', value_name: '已开票' },
{ value_code: 'RECEIVED', value_name: '已收款' },
{ value_code: 'REJECTED', value_name: '已拒绝' },
{ value_code: 'SETTLED', value_name: '已结算' },
{ value_code: 'SUBMITTED', value_name: '已提交' },
]
export const getSettlementStatus = () => {
return (dispatch, getState) => {
let { global_domain_config, token } = getState().login
const params = {
access_token: token,
value_set_code: 'SAL_SETTLEMENT_HEADER_STATUS',
}
GetRequest(global_domain_config, getUrlParams('/system/value_set/search', params)).then(res => {
const values = R.pathOr(settlementStatus, ['data', 'sys_values'])(res)
return dispatch(setSettlementStatus(values))
})
}
}
export function setSettlementStatus(valueSets) {
return {
type: SET_SETTLEMENT_STATUS,
values: valueSets,
}
}
app/base/ActionTypes.js
...@@ -67,3 +67,6 @@ export const DEVICE_INFORMATION_UPDATE_NO = "DEVICE_INFORMATION_UPDATE_NO" ...@@ -67,3 +67,6 @@ export const DEVICE_INFORMATION_UPDATE_NO = "DEVICE_INFORMATION_UPDATE_NO"
export const DEVICE_INFORMATION_UPDATE_DOING = "DEVICE_INFORMATION_UPDATE_DOING" export const DEVICE_INFORMATION_UPDATE_DOING = "DEVICE_INFORMATION_UPDATE_DOING"
export const DEVICE_INFORMATION_UPDATE_SUCCESS = "DEVICE_INFORMATION_UPDATE_SUCCESS" export const DEVICE_INFORMATION_UPDATE_SUCCESS = "DEVICE_INFORMATION_UPDATE_SUCCESS"
export const DEVICE_INFORMATION_UPDATE_FAILURE = "DEVICE_INFORMATION_UPDATE_FAILURE" export const DEVICE_INFORMATION_UPDATE_FAILURE = "DEVICE_INFORMATION_UPDATE_FAILURE"
//-----------settlement information---------------------
export const SET_SETTLEMENT_STATUS = 'SET_SETTLEMENT_STATUS'
\ No newline at end of file
app/containers/home/HomePage.js
...@@ -14,6 +14,7 @@ import { ...@@ -14,6 +14,7 @@ import {
font_family_regular, font_family_regular,
} from '../../base/BaseStyle' } from '../../base/BaseStyle'
import { exitLoginStatus, requestSysProfile, setNavigation } from '../../action/LoginAction' import { exitLoginStatus, requestSysProfile, setNavigation } from '../../action/LoginAction'
import { getSettlementStatus } from '../../action/SettlementAction'
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'
...@@ -26,7 +27,6 @@ class HomePage extends Component { ...@@ -26,7 +27,6 @@ class HomePage extends Component {
constructor(props) { constructor(props) {
super(props) super(props)
this.state = { this.state = {
showList: [],
menus: { menus: {
// 业务模块 // 业务模块
MOBILE_BUSINESS_MODULE: { MOBILE_BUSINESS_MODULE: {
...@@ -59,7 +59,7 @@ class HomePage extends Component { ...@@ -59,7 +59,7 @@ class HomePage extends Component {
// 结算模块 // 结算模块
MOBILE_SETTLEMENT_MODULE: { MOBILE_SETTLEMENT_MODULE: {
MOBILE_DISTRIBUTION_CONFIRM: { MOBILE_DISTRIBUTION_CONFIRM: {
icon: require('../../images/quick_order.png'), icon: require('../../images/settle_confirm.png'),
title: '分销-结算确认', title: '分销-结算确认',
page: 'Settlement', page: 'Settlement',
}, },
...@@ -69,7 +69,7 @@ class HomePage extends Component { ...@@ -69,7 +69,7 @@ class HomePage extends Component {
page: 'QuickOrderPage', page: 'QuickOrderPage',
}, },
MOBILE_DISTRIBUTION_SETTLEMENT_GATHER: { MOBILE_DISTRIBUTION_SETTLEMENT_GATHER: {
icon: require('../../images/quick_order.png'), icon: require('../../images/settle_gather.png'),
title: '分销-结算汇总', title: '分销-结算汇总',
page: 'SettlementCollection', page: 'SettlementCollection',
}, },
...@@ -98,8 +98,8 @@ class HomePage extends Component { ...@@ -98,8 +98,8 @@ class HomePage extends Component {
selIcon: require('../../images/tab_mod_sel.png'), selIcon: require('../../images/tab_mod_sel.png'),
}, },
MOBILE_SETTLEMENT_MODULE: { MOBILE_SETTLEMENT_MODULE: {
defIcon: require('../../images/tab_mod_def.png'), defIcon: require('../../images/tab_sett_def.png'),
selIcon: require('../../images/tab_mod_sel.png'), selIcon: require('../../images/tab_sett_sel.png'),
}, },
MOBILE_HISTORICAL_ORDER: { MOBILE_HISTORICAL_ORDER: {
defIcon: require('../../images/tab_his_def.png'), defIcon: require('../../images/tab_his_def.png'),
...@@ -114,6 +114,7 @@ class HomePage extends Component { ...@@ -114,6 +114,7 @@ class HomePage extends Component {
this.getMenuRuleInfo() this.getMenuRuleInfo()
this.getSysConfigValue() this.getSysConfigValue()
this.props.setNavigation(this.props.navigation) this.props.setNavigation(this.props.navigation)
this.getSettlementStatus()
} }
componentWillReceiveProps(nextProps) { componentWillReceiveProps(nextProps) {
...@@ -159,6 +160,12 @@ class HomePage extends Component { ...@@ -159,6 +160,12 @@ class HomePage extends Component {
tabs.push(tab) tabs.push(tab)
}), }),
R.sort(R.ascend(R.prop('function_order'))), R.sort(R.ascend(R.prop('function_order'))),
R.filter(
R.propSatisfies(
R.includes(R.__, ['MOBILE_BUSINESS_MODULE', 'MOBILE_SETTLEMENT_MODULE', 'MOBILE_HISTORICAL_ORDER']),
'function_code',
),
),
)(functions) )(functions)
this.setState({ tabs }) this.setState({ tabs })
...@@ -184,6 +191,14 @@ class HomePage extends Component { ...@@ -184,6 +191,14 @@ class HomePage extends Component {
} }
} }
getSettlementStatus() {
const { tabs } = this.state
const settlementModule = R.find(R.propEq('code', 'MOBILE_SETTLEMENT_MODULE'))(tabs)
if (isBlank(settlementModule)) return
this.props.getSettlementStatus()
}
// 跳转页面 // 跳转页面
jumpToSubpage(menu) { jumpToSubpage(menu) {
const page = menu.page const page = menu.page
...@@ -226,7 +241,7 @@ class HomePage extends Component { ...@@ -226,7 +241,7 @@ class HomePage extends Component {
tabLabel={tab.name} tabLabel={tab.name}
key={tab.code} key={tab.code}
> >
{R.includes(tab.code, ['MOBILE_BUSINESS_MODULE', 'MOBILE_SETTLEMENT_MODULE']) && {!R.includes(tab.code, ['MOBILE_HISTORICAL_ORDER']) &&
tab.children && tab.children &&
tab.children.map((menu, index) => { tab.children.map((menu, index) => {
return ( return (
...@@ -293,6 +308,7 @@ const styles = StyleSheet.create({ ...@@ -293,6 +308,7 @@ const styles = StyleSheet.create({
list_img: { list_img: {
resizeMode: 'contain', resizeMode: 'contain',
width: '100%', width: '100%',
height: pxSize(60),
}, },
list_tit: { list_tit: {
fontSize: second_text_size, fontSize: second_text_size,
...@@ -317,9 +333,12 @@ const mapDispatchToProps = dispatch => ({ ...@@ -317,9 +333,12 @@ const mapDispatchToProps = dispatch => ({
exitLoginStatus: () => { exitLoginStatus: () => {
dispatch(exitLoginStatus()) dispatch(exitLoginStatus())
}, },
setNavigation: (navigation) => { setNavigation: navigation => {
dispatch(setNavigation(navigation)) dispatch(setNavigation(navigation))
} },
getSettlementStatus: () => {
dispatch(getSettlementStatus())
},
}) })
export default connect(mapStateToProps, mapDispatchToProps)(HomePage) export default connect(mapStateToProps, mapDispatchToProps)(HomePage)
app/reducers/index.js
/*
* @FilePath: /BoneHouse_Business_APP/app/reducers/index.js
* @Author: peii
* @Date: 2021-02-03 20:59:10
* @LastEditTime: 2021-12-21 16:57:13
* @LastEditors: peii
* @Vision: 1.0
* @Description:
*/
import storage from 'redux-persist/es/storage'; import storage from 'redux-persist/es/storage';
import {persistReducer} from 'redux-persist'; import {persistReducer} from 'redux-persist';
import login from './module/login'; import login from './module/login';
...@@ -7,6 +16,7 @@ import equip from './module/equip'; ...@@ -7,6 +16,7 @@ import equip from './module/equip';
import histor from './module/histor'; import histor from './module/histor';
import trans from './module/trans'; import trans from './module/trans';
import deviceInfo from './module/deviceInfo'; import deviceInfo from './module/deviceInfo';
import settlement from './module/settlement';
const loginConfig = { const loginConfig = {
key: 'login', key: 'login',
...@@ -57,6 +67,13 @@ const deviceConfig = { ...@@ -57,6 +67,13 @@ const deviceConfig = {
blackList: [] blackList: []
} }
const settlementConfig = {
key: 'settlement',
storage,
debug: false,
blackList: []
}
const rootReducer = { const rootReducer = {
login: persistReducer(loginConfig,login), login: persistReducer(loginConfig,login),
selfOrder: persistReducer(selfConfig,selfOrder), selfOrder: persistReducer(selfConfig,selfOrder),
...@@ -65,6 +82,7 @@ const rootReducer = { ...@@ -65,6 +82,7 @@ const rootReducer = {
histor: persistReducer(historConfig, histor), histor: persistReducer(historConfig, histor),
trans: persistReducer(transConfig, trans), trans: persistReducer(transConfig, trans),
deviceInfo: persistReducer(deviceConfig, deviceInfo), deviceInfo: persistReducer(deviceConfig, deviceInfo),
settlement: persistReducer(settlementConfig, settlement),
} }
export default rootReducer; export default rootReducer;
\ No newline at end of file
app/reducers/module/settlement.js 0 → 100644
/*
* @FilePath: /BoneHouse_Business_APP/app/reducers/module/settlement.js
* @Author: peii
* @Date: 2021-12-21 16:52:11
* @LastEditTime: 2021-12-21 16:57:52
* @LastEditors: peii
* @Vision: 1.0
* @Description: 结算
*/
import { SET_SETTLEMENT_STATUS } from '../../base/ActionTypes'
const defaultState = {
headerStatus: [],
}
export default (state = defaultState, action) => {
switch (action.type) {
case SET_SETTLEMENT_STATUS:
return Object.assign({}, state, {
headerStatus: action.values,
})
default:
return state
}
}
src/assets/images/empty.png
src/assets/images/empty.png

1.05 KB | W: | H:

src/assets/images/empty.png

1.39 KB | W: | H:

src/assets/images/empty.png
src/assets/images/empty.png
src/assets/images/empty.png
src/assets/images/empty.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/styles/variable.styl
// 背景色 // 背景色
primary_color = #007EFF// 主色 primary_color = #007EFF// 主色
foundation_color = #ffffff // 底色 foundation_color = #ffffff // 底色
danger_color = rgb(211, 58, 58)
promary_shadow_color = #007EFF// 按钮阴影色 promary_shadow_color = #007EFF// 按钮阴影色
home_background_color = #F7F7F7 // 背景色 home_background_color = #F7F7F7 // 背景色
btn_sub_color = #007EFF // 按钮色 btn_sub_color = #007EFF // 按钮色
......
src/components/checkbox/checkbox.styl
...@@ -11,6 +11,10 @@ size = 18px ...@@ -11,6 +11,10 @@ size = 18px
width size width size
height size height size
&__indeter
width: size + 5
height @width
&-box &-box
border-width 1px border-width 1px
border-color #ccc border-color #ccc
......
src/components/checkbox/checkbox.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/components/checkbox/checkbox.tsx * @FilePath: /BoneHouse_Business_APP/src/components/checkbox/checkbox.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-20 17:29:00 * @Date: 2021-12-20 17:29:00
* @LastEditTime: 2021-12-20 18:35:15 * @LastEditTime: 2021-12-21 14:39:21
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 多选框 * @Description: 多选框
...@@ -39,7 +39,7 @@ export const Checkbox = ({ checked, indeterminate, onChange, activeOpacity = 0.5 ...@@ -39,7 +39,7 @@ export const Checkbox = ({ checked, indeterminate, onChange, activeOpacity = 0.5
{check ? ( {check ? (
<Image source={require('../../assets/images/cor_blue.png')} style={g(styles, 'checkbox-img')} /> <Image source={require('../../assets/images/cor_blue.png')} style={g(styles, 'checkbox-img')} />
) : indeter ? ( ) : indeter ? (
<Image source={require('../../assets/images/indeterminate.png')} style={g(styles, 'checkbox-img')} /> <Image source={require('../../assets/images/indeterminate.png')} style={g(styles, 'checkbox-img', 'checkbox-img__indeter')} />
) : ( ) : (
<View style={g(styles, 'checkbox-box')}></View> <View style={g(styles, 'checkbox-box')}></View>
)} )}
......
src/components/empty/index.styl
...@@ -5,14 +5,14 @@ ...@@ -5,14 +5,14 @@
flex 1 flex 1
@extend .middle @extend .middle
@extend .center @extend .center
padding-top 30px padding-top 80px
&-icon &-icon
width 80px width 98px
height 75px height 64px
&-text &-text
font-size 20px font-size 18px
color second_text_color color third_text_color
margin-top 20px margin-top 20px
font-family font_family_regular font-family font_family_regular
src/components/empty/index.tsx
/* /*
* @FilePath: /BoneHouse_Hospital_APP/src/components/empty/index.tsx * @FilePath: /BoneHouse_Business_APP/src/components/empty/index.tsx
* @Author: peii * @Author: peii
* @Date: 2021-05-30 17:04:50 * @Date: 2021-05-30 17:04:50
* @Vision: 1.0 * @Vision: 1.0
...@@ -16,7 +16,7 @@ import styles from './index.styl' ...@@ -16,7 +16,7 @@ import styles from './index.styl'
export default ({ text = '暂无数据', style }) => { export default ({ text = '暂无数据', style }) => {
return ( return (
<View style={[g(styles, 'empty'), style]}> <View style={[g(styles, 'empty'), style]}>
<Image style={[g(styles, 'empty-icon')]} source={require('../../assets/images/mail_empty.png')} /> <Image style={[g(styles, 'empty-icon')]} source={require('../../assets/images/empty.png')} />
<Text style={[g(styles, 'empty-text')]}>{text}</Text> <Text style={[g(styles, 'empty-text')]}>{text}</Text>
</View> </View>
) )
......
src/enums/index.ts
/* /*
* @FilePath: /BoneHouse_Hospital_APP/src/enums/index.ts * @FilePath: /BoneHouse_Business_APP/src/enums/index.ts
* @Author: peii * @Author: peii
* @Date: 2021-04-24 22:45:15 * @Date: 2021-04-24 22:45:15
* @Vision: 1.0 * @Vision: 1.0
...@@ -31,3 +31,9 @@ export enum SelectMode { ...@@ -31,3 +31,9 @@ export enum SelectMode {
PAGE = 'PAGE', PAGE = 'PAGE',
MODAL = 'MODAL', MODAL = 'MODAL',
} }
export enum SettlementProcessCode {
USER_CONFIRM = 'USER_CONFIRM',
USER_REJECT = 'USER_REJECT',
REQUIRE_RECONFIRM = 'REQUIRE_RECONFIRM',
}
src/pages/settlement/collection.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/collection.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/collection.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-18 16:33:37 * @Date: 2021-12-18 16:33:37
* @LastEditTime: 2021-12-20 17:09:34 * @LastEditTime: 2021-12-21 15:55:57
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 结算汇总 * @Description: 结算汇总
...@@ -105,7 +105,7 @@ class SettlementCollection extends React.Component<IProps, IState> { ...@@ -105,7 +105,7 @@ class SettlementCollection extends React.Component<IProps, IState> {
otherFilterItems={otherFilterItems} otherFilterItems={otherFilterItems}
/> />
{loading ? <Loading show={loading} /> : <SettlementList data={data} {...this.props} />} {loading ? <Loading show={loading} /> : <SettlementList data={data} {...this.props} isCollection={true} />}
</View> </View>
</Resolution.FixWidthView> </Resolution.FixWidthView>
</View> </View>
......
src/pages/settlement/components/filter.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/filter.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/filter.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-19 10:49:42 * @Date: 2021-12-19 10:49:42
* @LastEditTime: 2021-12-20 14:59:22 * @LastEditTime: 2021-12-21 17:35:08
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 过滤弹窗 * @Description: 过滤弹窗
...@@ -15,7 +15,7 @@ import { connect } from 'react-redux' ...@@ -15,7 +15,7 @@ import { connect } from 'react-redux'
import * as R from 'ramda' import * as R from 'ramda'
import { IFormField } from 'bonehouse' import { IFormField } from 'bonehouse'
import api from '../../../services/api' import api from '../../../services/api'
import { isBlank, g, getFormItem } from '../../../utils/utils' import { isNotBlank, g, getFormItem } from '../../../utils/utils'
import { FieldType } from '../../../enums' import { FieldType } from '../../../enums'
import Filter from '../../../components/modals/filter/filter' import Filter from '../../../components/modals/filter/filter'
import styles from './filter.styl' import styles from './filter.styl'
...@@ -45,6 +45,7 @@ class FilterModal extends React.Component<IProps, IState> { ...@@ -45,6 +45,7 @@ class FilterModal extends React.Component<IProps, IState> {
} }
state = { state = {
isAutoOpen: true,
data: { data: {
seller_code: this.props.userInfo.user_name, seller_code: this.props.userInfo.user_name,
}, },
...@@ -88,9 +89,19 @@ class FilterModal extends React.Component<IProps, IState> { ...@@ -88,9 +89,19 @@ class FilterModal extends React.Component<IProps, IState> {
* @return {*} * @return {*}
*/ */
setData(key: string, value: any) { setData(key: string, value: any) {
const { data } = this.state const { data, isAutoOpen } = this.state
data[key] = value data[key] = value
this.setState({ data }) this.setState({ data }, () => {
if (!isAutoOpen) return
const isAllParamSet = R.compose(
R.all(isNotBlank),
R.map(k => data[k]),
)(['org_code', 'seller_code', 'customer_code'])
if (!isAllParamSet) return
this.setState({ isAutoOpen: false })
this.filterHandler()
})
} }
/** /**
...@@ -134,8 +145,8 @@ class FilterModal extends React.Component<IProps, IState> { ...@@ -134,8 +145,8 @@ class FilterModal extends React.Component<IProps, IState> {
item.options = R.compose( item.options = R.compose(
R.map( R.map(
R.applySpec({ R.applySpec({
value: R.prop('org_code'), value: R.compose(R.take(3), R.prop('org_code')),
label: R.compose(R.take(3), R.prop('org_name')), label: R.prop('org_name'),
}), }),
), ),
R.pathOr([], ['data', 'organizations']), R.pathOr([], ['data', 'organizations']),
...@@ -182,7 +193,7 @@ class FilterModal extends React.Component<IProps, IState> { ...@@ -182,7 +193,7 @@ class FilterModal extends React.Component<IProps, IState> {
{ {
data: { data: {
seller_code: userInfo.user_name, seller_code: userInfo.user_name,
org_code: userInfo.department_code, org_code: R.take(3, userInfo.department_code),
}, },
}, },
() => {}, () => {},
......
src/pages/settlement/components/list.styl
...@@ -21,5 +21,23 @@ ...@@ -21,5 +21,23 @@
line-height 22px line-height 22px
margin-bottom 6px margin-bottom 6px
&__status
font-size 16px
font-weight bold
color #000
&-left &-left
width 70% width 70%
.text
&-red
color #f00
&-black
color #000
&-blue
color primary_color
&-gray
color #999
\ No newline at end of file
src/pages/settlement/components/list.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/list.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/components/list.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-19 10:44:15 * @Date: 2021-12-19 10:44:15
* @LastEditTime: 2021-12-20 15:35:10 * @LastEditTime: 2021-12-21 17:21:48
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 汇总列表 * @Description: 汇总列表
...@@ -11,8 +11,10 @@ ...@@ -11,8 +11,10 @@
import React, { Component } from 'react' import React, { Component } from 'react'
import { View, Text, TouchableOpacity, FlatList, Image } from 'react-native' import { View, Text, TouchableOpacity, FlatList, Image } from 'react-native'
import { INavigation } from 'navigation'
import * as R from 'ramda' import * as R from 'ramda'
import { connect } from 'react-redux'
import { INavigation } from 'navigation'
import Empty from '../../../components/empty'
import dayjs from 'dayjs' import dayjs from 'dayjs'
import { isBlank, g } from '../../../utils/utils' import { isBlank, g } from '../../../utils/utils'
import styles from './list.styl' import styles from './list.styl'
...@@ -35,11 +37,32 @@ class SettlementList extends Component<IProps> { ...@@ -35,11 +37,32 @@ class SettlementList extends Component<IProps> {
* @return {*} * @return {*}
*/ */
itemPressHandler(item) { itemPressHandler(item) {
console.log(item) this.props.navigation.navigate('SettlementDetail', { order: item, ...this.props })
this.props.navigation.navigate('SettlementDetail', { order: item }) }
/**
* @description: 映射状态
* @param {*} statusCode
* @return {*}
*/
mapStatus(statusCode) {
const { status = [] } = this.props
return R.compose(R.propOr('未知状态', 'value_name'), R.find(R.propEq('value_code', statusCode)))(status)
} }
/** /**
* @description: 状态显示类
* @param {*}
* @return {*}
*/
mapStatusClass = R.cond([
[R.includes(R.__, ['ENTERED']), R.always('text-black')],
[R.includes(R.__, ['USER_REJECTED']), R.always('text-red')],
[R.includes(R.__, ['USER_CONFIRMED']), R.always('text-blue')],
[R.T, R.always('text-gray')],
])
/**
* @description: 结算单单项 * @description: 结算单单项
* @param {*} param1 * @param {*} param1
* @return {*} * @return {*}
...@@ -58,7 +81,9 @@ class SettlementList extends Component<IProps> { ...@@ -58,7 +81,9 @@ class SettlementList extends Component<IProps> {
<Text style={g(styles, 'item-text', 'item-left-text')}>结算总数量: {item.sum_quantity}</Text> <Text style={g(styles, 'item-text', 'item-left-text')}>结算总数量: {item.sum_quantity}</Text>
<Text style={g(styles, 'item-text', 'item-left-text')}>结算总金额: {item.sum_settlement_amount}</Text> <Text style={g(styles, 'item-text', 'item-left-text')}>结算总金额: {item.sum_settlement_amount}</Text>
</View> </View>
<Text style={g(styles, 'item-text__rigth')}>{item.header_status}</Text> <Text style={g(styles, ['item-text__rigth', 'item-text__status', this.mapStatusClass(item.header_status)])}>
{this.mapStatus(item.header_status)}
</Text>
</View> </View>
<View style={g(styles, 'item-line')}> <View style={g(styles, 'item-line')}>
...@@ -78,6 +103,7 @@ class SettlementList extends Component<IProps> { ...@@ -78,6 +103,7 @@ class SettlementList extends Component<IProps> {
<FlatList <FlatList
data={data} data={data}
renderItem={this.renderItem} renderItem={this.renderItem}
ListEmptyComponent={Empty}
style={g(styles, 'list')} style={g(styles, 'list')}
keyExtractor={it => it.settlement_number} keyExtractor={it => it.settlement_number}
></FlatList> ></FlatList>
...@@ -85,4 +111,8 @@ class SettlementList extends Component<IProps> { ...@@ -85,4 +111,8 @@ class SettlementList extends Component<IProps> {
} }
} }
export default SettlementList const mapStateToProps = state => ({
status: state.settlement.headerStatus,
})
export default connect(mapStateToProps)(SettlementList)
src/pages/settlement/detail.styl
...@@ -21,8 +21,23 @@ ...@@ -21,8 +21,23 @@
flex 1 flex 1
padding 15px padding 15px
&-ft
@extend .row
padding-top 10px
padding-left 20px
padding-right 20px
justify-content space-around
height 70px
.list
&-header
@extend .row
margin-bottom 10px
justify-content space-between
.card .card
@extend .row @extend .row
align-items center
background-color #fff background-color #fff
padding 15px padding 15px
...@@ -33,7 +48,8 @@ ...@@ -33,7 +48,8 @@
@extend .row @extend .row
&-text &-text
font-size 16px color second_text_color
font-size 15px
margin-bottom 5px margin-bottom 5px
&-key &-key
...@@ -43,8 +59,51 @@ ...@@ -43,8 +59,51 @@
@extend .middle @extend .middle
align-items flex-end align-items flex-end
width 60px width 60px
height 60px
&__checkbox &__checkbox
width 100% width 100%
height 100% height 100%
justify-content flex-end justify-content flex-end
.btn
width 150px
height 40px
background-color danger_color
border-radius 4px
@extend .center
@extend .middle
&-primary
background-color primary_color
&-disable
background-color dis_sub_color
&-text
color #fff
font-weight bold
font-size 18px
&__disabled
color rgba(255, 255, 255, 0.5)
&-inner
@extend .row
.ml10
margin-left 10px
.download
@extend .row
@extend .center
&-text
color title_text_color
font-size 18px
font-family font_family_regular
margin-right 5px
&-img
width 18px
height @width
\ No newline at end of file
src/pages/settlement/detail.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/detail.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/detail.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-20 15:27:45 * @Date: 2021-12-20 15:27:45
* @LastEditTime: 2021-12-20 18:31:55 * @LastEditTime: 2021-12-23 12:15:45
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 结算详情 * @Description: 结算详情
...@@ -11,15 +11,16 @@ ...@@ -11,15 +11,16 @@
// @ts-nocheck // @ts-nocheck
import React from 'react' import React from 'react'
import { View, Text, FlatList, TouchableOpacity, Image } from 'react-native' import { View, Text, FlatList, TouchableOpacity, ActivityIndicator, Image } from 'react-native'
import { connect } from 'react-redux' import { connect } from 'react-redux'
import * as R from 'ramda' import * as R from 'ramda'
import { INavigation } from 'navigation' import { INavigation } from 'navigation'
import debounce from 'debounce'
import Loading from '../../../app/containers/common/LodingModel' import Loading from '../../../app/containers/common/LodingModel'
import { Checkbox } from '../../components/checkbox/checkbox'
import Header from '../../components/header/header' import Header from '../../components/header/header'
import Resolution from '../../components/common/Resolution' import Resolution from '../../components/common/Resolution'
import { isBlank, g } from '../../utils/utils' import { isBlank, g, show } from '../../utils/utils'
import { SettlementProcessCode } from '../../enums'
import api from '../../services/api' import api from '../../services/api'
import styles from './detail.styl' import styles from './detail.styl'
...@@ -34,12 +35,19 @@ class Detail extends React.Component<IProps, IState> { ...@@ -34,12 +35,19 @@ class Detail extends React.Component<IProps, IState> {
super(props) super(props)
this.renderHeader = this.renderHeader.bind(this) this.renderHeader = this.renderHeader.bind(this)
this.renderItem = this.renderItem.bind(this) this.renderItem = this.renderItem.bind(this)
this.itemPressHandler = this.itemPressHandler.bind(this)
this.rejectHandler = this.rejectHandler.bind(this)
this.confirmHandler = debounce(this.confirmHandler.bind(this), 200)
this.downloadHandler = debounce(this.downloadHandler.bind(this), 200)
} }
state = { state = {
refresh: false,
data: [], data: [],
items: [], items: [],
loading: false, loading: false,
submitting: false,
downloading: false,
} }
componentDidMount() { componentDidMount() {
...@@ -78,12 +86,100 @@ class Detail extends React.Component<IProps, IState> { ...@@ -78,12 +86,100 @@ class Detail extends React.Component<IProps, IState> {
this.setState({ data }) this.setState({ data })
} }
renderHeader() {} /**
* @description: 点击销售单项
* @param {*} item
* @return {*}
*/
itemPressHandler(item) {
this.props.navigation.navigate('SettlementSaleDetail', {
order: item,
refreshHandler: this.refreshHandler.bind(this),
})
}
/**
* @description: 驳回处理
* @param {*}
* @return {*}
*/
rejectHandler() {
const order = this.props.navigation.getParam('order', {})
this.props.navigation.navigate('SettlementReject', { order, title: '结算驳回' })
}
/**
* @description: 确认
* @param {*}
* @return {*}
*/
async confirmHandler() {
const order = this.props.navigation.getParam('order', {})
const data = {
process_code: SettlementProcessCode.USER_CONFIRM,
sale_settlement_number: order.settlement_number,
}
this.setState({ submitting: true })
const res = await api.postSettlementProcess(data)
this.setState({ submitting: false })
if (res.error_code !== 0) return
this.props.navigation.pop(2)
}
refreshHandler() {
this.forceUpdate()
}
async downloadHandler() {
const { downloading } = this.state
if (downloading) {
return show('下载中，无需连续点击下载')
}
const order = this.props.navigation.getParam('order', {})
if (isBlank(order)) return show('没有可下载的结算单')
const { host, token } = this.props
const params = {
access_token: token,
settlement_number: order.settlement_number,
}
this.setState({ downloading: true })
await api.downloadSettlementLine(host, params)
this.setState({ downloading: false })
}
renderHeader() {
const { items, data } = this.state
// TODO:
// const len = R.compose(
// R.length,
// R.filter(R.identity),
// R.unnest,
// R.pluck('_checked'),
// R.unnest,
// R.pluck('sal_order_list'),
// )(data)
return (
<View style={g(styles, 'list-header')}>
<Text style={g(styles, 'list-header__text')}>耗材({R.length(items || [])})</Text>
{/* <Text style={g(styles, 'list-header__text')}>已选择耗材({len})</Text> */}
</View>
)
}
renderItem({ item }) { renderItem({ item }) {
return ( return (
<View style={g(styles, 'card')}> <View style={g(styles, 'card')}>
<View style={g(styles, 'card-info')}> <TouchableOpacity
style={g(styles, 'card-info')}
activeOpacity={0.8}
onPress={() => this.itemPressHandler(item)}
>
<View style={g(styles, 'card-line')}> <View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>销售单: </Text> <Text style={g(styles, 'card-text', 'card-text-key')}>销售单: </Text>
<Text style={g(styles, 'card-text')}>{item.order_number}</Text> <Text style={g(styles, 'card-text')}>{item.order_number}</Text>
...@@ -100,25 +196,26 @@ class Detail extends React.Component<IProps, IState> { ...@@ -100,25 +196,26 @@ class Detail extends React.Component<IProps, IState> {
<Text style={g(styles, 'card-text', 'card-text-key')}>金额: </Text> <Text style={g(styles, 'card-text', 'card-text-key')}>金额: </Text>
<Text style={g(styles, 'card-text')}>{item.sum_settlement_amount}</Text> <Text style={g(styles, 'card-text')}>{item.sum_settlement_amount}</Text>
</View> </View>
</View> </TouchableOpacity>
<View style={g(styles, 'card-select')}> {/* <View style={g(styles, 'card-select')}>
<Checkbox <Checkbox
checked={item._checked} checked={item._checked}
indeterminate={item._indeterminate} indeterminate={item._indeterminate}
style={g(styles, 'card-select__checkbox')} style={g(styles, 'card-select__checkbox')}
onChange={checked => this.selectHandler(checked, item)} onChange={checked => this.selectHandler(checked, item)}
/> />
</View> </View> */}
</View> </View>
) )
} }
render() { render() {
const order = this.props.navigation.getParam('order', {}) const order = this.props.navigation.getParam('order', {})
const isCollection = this.props.navigation.getParam('isCollection', false)
const title = '结算确认详情' const title = '结算确认详情'
const { data } = this.state const { data, loading, submitting } = this.state
return ( return (
<View style={g(styles, 'container')}> <View style={g(styles, 'container')}>
...@@ -128,19 +225,53 @@ class Detail extends React.Component<IProps, IState> { ...@@ -128,19 +225,53 @@ class Detail extends React.Component<IProps, IState> {
backCallback={() => { backCallback={() => {
this.props.navigation.goBack() this.props.navigation.goBack()
}} }}
/> >
<TouchableOpacity style={g(styles, 'download')} activeOpacity={0.8} onPress={this.downloadHandler}>
<Text style={g(styles, 'download-text')}>下载</Text>
<Image style={g(styles, 'download-img')} source={require('../../assets/images/download.png')} />
</TouchableOpacity>
</Header>
<View style={g(styles, 'body')}> <View style={g(styles, 'body')}>
<View style={g(styles, 'body-hd')}> <View style={g(styles, 'body-hd')}>
<Text style={g(styles, 'body-hd__text')}>结算单号: {order.settlement_number}</Text> <Text style={g(styles, 'body-hd__text')}>结算单号: {order.settlement_number}</Text>
</View> </View>
{loading ? (
<Loading show={loading} />
) : (
<>
<FlatList <FlatList
style={g(styles, 'body-bd')} style={g(styles, 'body-bd')}
data={data} data={data}
keyExtractor={it => it.order_number} keyExtractor={it => it.order_number}
renderItem={this.renderItem} renderItem={this.renderItem}
renderHeader={this.renderHeader} ListHeaderComponent={this.renderHeader}
></FlatList> ></FlatList>
{!isCollection && (
<View style={g(styles, 'body-ft')}>
<TouchableOpacity style={g(styles, 'btn')} activeOpacity={0.8} onPress={this.rejectHandler}>
<Text style={g(styles, 'btn-text')}>驳回</Text>
</TouchableOpacity>
<TouchableOpacity
style={g(styles, { btn: true, 'btn-primary': true, 'btn-disable': submitting })}
disabled={submitting}
activeOpacity={0.8}
onPress={this.confirmHandler}
>
{submitting ? (
<View style={g(styles, 'btn-inner')}>
<ActivityIndicator style={g(styles, 'btn__loading')} color="rgba(255,255,255,0.5)" />
<Text style={g(styles, 'btn-text', 'btn-text__disabled', 'ml10')}>提交中</Text>
</View>
) : (
<Text style={g(styles, 'btn-text')}>确认</Text>
)}
</TouchableOpacity>
</View>
)}
</>
)}
</View> </View>
</Resolution.FixWidthView> </Resolution.FixWidthView>
</View> </View>
...@@ -148,7 +279,10 @@ class Detail extends React.Component<IProps, IState> { ...@@ -148,7 +279,10 @@ class Detail extends React.Component<IProps, IState> {
} }
} }
const mapStateToProps = state => ({}) const mapStateToProps = state => ({
token: state.login.token,
host: state.login.global_domain_config,
})
const mapDispatchToProps = dispatch => ({}) const mapDispatchToProps = dispatch => ({})
......
src/pages/settlement/index.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/index.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/index.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-18 16:33:37 * @Date: 2021-12-18 16:33:37
* @LastEditTime: 2021-12-20 15:32:04 * @LastEditTime: 2021-12-23 10:58:21
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 结算确认首页 * @Description: 结算确认首页
...@@ -60,6 +60,10 @@ class Settlement extends React.Component<IProps, IState> { ...@@ -60,6 +60,10 @@ class Settlement extends React.Component<IProps, IState> {
*/ */
async getData(args): void { async getData(args): void {
this.setState({ loading: true }) this.setState({ loading: true })
// 确认页面只过滤出已输入的那些
// TODO:
// args.header_status = 'ENTERED'
const res = await api.getSettlements(args) const res = await api.getSettlements(args)
this.setState({ loading: false }) this.setState({ loading: false })
if (res.error_code !== 0) return if (res.error_code !== 0) return
......
src/pages/settlement/reject.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/reject.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/reject.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-18 17:12:57 * @Date: 2021-12-18 17:12:57
* @LastEditTime: 2021-12-18 17:53:46 * @LastEditTime: 2021-12-21 16:07:52
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 结算驳回 * @Description: 结算驳回
...@@ -18,7 +18,9 @@ import { FieldType } from '../../enums' ...@@ -18,7 +18,9 @@ import { FieldType } from '../../enums'
import Header from '../../components/header/header' import Header from '../../components/header/header'
import Form from '../../components/form/index' import Form from '../../components/form/index'
import Resolution from '../../components/common/Resolution' import Resolution from '../../components/common/Resolution'
import { isBlank, g, getFormItem } from '../../utils/utils' import { g, getFormItem } from '../../utils/utils'
import { SettlementProcessCode } from '../../enums'
import api from '../../services/api'
import styles from './reject.styl' import styles from './reject.styl'
type IProps = { type IProps = {
...@@ -71,15 +73,20 @@ class Reject extends React.Component<IProps, IState> { ...@@ -71,15 +73,20 @@ class Reject extends React.Component<IProps, IState> {
* @param {*} * @param {*}
* @return {*} * @return {*}
*/ */
// TODO: async submitHandler() {
submitHandler() {
const { data } = this.state const { data } = this.state
console.log(data) const order = this.props.navigation.getParam('order', {})
return new Promise((resolve) => {
setTimeout(() => { const params = {
resolve() process_code: SettlementProcessCode.USER_CONFIRM,
}, 2000) sale_settlement_number: order.settlement_number,
}) reject_reason: data.reject_reason
}
const res = await api.postSettlementProcess(params)
if (res.error_code !== 0) return
this.props.navigation.pop(3)
} }
render() { render() {
......
src/pages/settlement/saleDetail.styl
@import '../../assets/styles/base.styl' @import '../../assets/styles/base.styl'
@import '../../assets/styles/variable.styl' @import '../../assets/styles/variable.styl'
.container
background-color home_background_color
.body
flex 1
&-hd
@extend .middle
padding-left 20px
padding-right 20px
height 40px
background-color #fff
&__text
font-size 16px
&-bd
flex 1
padding 15px
.list
&-header
@extend .row
margin-bottom 10px
justify-content space-between
.card
background-color #fff
padding 15px
margin-bottom 15px
&-info
flex 1
&-line
@extend .row
&-half
@extend .row
width 50%
&-text
font-size 15px
color second_text_color
margin-bottom 5px
&-key
padding-right 3px
&-select
@extend .middle
width 60px
height 100px
&__checkbox
width 100%
height 100%
justify-content flex-end
.ml20
margin-left 20px
\ No newline at end of file
src/pages/settlement/saleDetail.tsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @FilePath: /BoneHouse_Business_APP/src/pages/settlement/saleDetail.tsx * @FilePath: /BoneHouse_Business_APP/src/pages/settlement/saleDetail.tsx
* @Author: peii * @Author: peii
* @Date: 2021-12-20 15:27:45 * @Date: 2021-12-20 15:27:45
* @LastEditTime: 2021-12-20 16:14:47 * @LastEditTime: 2021-12-21 15:03:54
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 结算销售物料详情 * @Description: 结算销售物料详情
...@@ -16,10 +16,12 @@ import { connect } from 'react-redux' ...@@ -16,10 +16,12 @@ import { connect } from 'react-redux'
import * as R from 'ramda' import * as R from 'ramda'
import { INavigation } from 'navigation' import { INavigation } from 'navigation'
import Header from '../../components/header/header' import Header from '../../components/header/header'
import { Checkbox } from '../../components/checkbox/checkbox'
import Resolution from '../../components/common/Resolution' import Resolution from '../../components/common/Resolution'
import dayjs from 'dayjs'
import { isBlank, g } from '../../utils/utils' import { isBlank, g } from '../../utils/utils'
import api from '../../services/api' import api from '../../services/api'
import styles from './detail.styl' import styles from './saleDetail.styl'
type IProps = { type IProps = {
navigation: INavigation navigation: INavigation
...@@ -28,15 +30,141 @@ type IProps = { ...@@ -28,15 +30,141 @@ type IProps = {
type IState = {} type IState = {}
class SaleDetail extends React.Component<IProps, IState> { class SaleDetail extends React.Component<IProps, IState> {
constructor(props) {
super(props)
this.renderHeader = this.renderHeader.bind(this)
this.renderItem = this.renderItem.bind(this)
this.checkedHandler = this.checkedHandler.bind(this)
}
state = { state = {
data: [], order: {},
}
componentDidMount() {
const order = this.props.navigation.getParam('order', {})
this.setState({ order })
}
/**
* @description: 选择操作
* @param {*} checked
* @param {*} item
* @return {*}
*/
checkedHandler(checked, item) {
const { order } = this.state
item._checked = checked
const items = R.propOr([], 'sal_order_list')(order)
const checkLen = R.compose(R.length, R.filter(R.identity), R.pluck('_checked'))(items)
if (items.length === 0 || checkLen === 0) {
order._checked = false
} else if (items.length > checkLen) {
order._checked = false
order._indeterminate = true
} else {
order._checked = true
order._indeterminate = false
} }
componentDidMount() {} this.setState({ order })
}
renderHeader() {
const { order } = this.state
const len = R.compose(R.length, R.propOr([], 'sal_order_list'))(order)
return (
<View style={g(styles, 'list-header')}>
<Text style={g(styles, 'list-header__text')}>耗材({len})</Text>
</View>
)
}
renderItem({ item, index }) {
return (
<View style={g(styles, 'card')}>
<View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-info')}>
<View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text')}>
{index + 1}. {item.item_name}
</Text>
</View>
<View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text')}>{item.general_name}</Text>
</View>
<View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text')}>{item.specification}</Text>
</View>
<View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>序列号: </Text>
<Text style={g(styles, 'card-text')}>{item.serial_number}</Text>
</View>
<View style={g(styles, 'card-line')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>注册证号: </Text>
<Text style={g(styles, 'card-text')}>{item.reg_number}</Text>
</View>
</View>
{/* <View style={g(styles, 'card-select')}>
<Checkbox
style={g(styles, 'card-select__checkbox')}
checked={item._checked}
onChange={checked => this.checkedHandler(checked, item)}
></Checkbox>
</View> */}
</View>
<View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-line-half')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>批号: </Text>
<Text style={g(styles, 'card-text')}>{item.production_batch_number}</Text>
</View>
<View style={g(styles, 'card-line-half', 'ml20')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>存储条件: </Text>
<Text style={g(styles, 'card-text')}>{item.storage_condition_name}</Text>
</View>
</View>
<View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-line-half')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>生产日期: </Text>
<Text style={g(styles, 'card-text')}>
{item.production_date && dayjs(item.production_date).format('YYYY-MM-DD')}
</Text>
</View>
<View style={g(styles, 'card-line-half', 'ml20')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>过期日期: </Text>
<Text style={g(styles, 'card-text')}>
{item.expiration_date && dayjs(item.expiration_date).format('YYYY-MM-DD')}
</Text>
</View>
</View>
<View style={g(styles, 'card-line')}>
<View style={g(styles, 'card-line-half')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>数量: </Text>
<Text style={g(styles, 'card-text')}>{item.quantity}</Text>
</View>
<View style={g(styles, 'card-line-half', 'ml20')}>
<Text style={g(styles, 'card-text', 'card-text-key')}>金额: </Text>
<Text style={g(styles, 'card-text')}>{item.sale_amount}</Text>
</View>
</View>
</View>
)
}
render() { render() {
const order = this.props.navigation.getParam('order', {})
const title = '结算确认详情' const title = '结算确认详情'
const { order } = this.state
const data = R.propOr([], 'sal_order_list')(order)
const { refreshHandler } = this.props.navigation.state.params
return ( return (
<View style={g(styles, 'container')}> <View style={g(styles, 'container')}>
...@@ -44,13 +172,21 @@ class SaleDetail extends React.Component<IProps, IState> { ...@@ -44,13 +172,21 @@ class SaleDetail extends React.Component<IProps, IState> {
<Header <Header
title={title} title={title}
backCallback={() => { backCallback={() => {
refreshHandler && refreshHandler()
this.props.navigation.goBack() this.props.navigation.goBack()
}} }}
/> />
<View style={g(styles, 'body')}> <View style={g(styles, 'body')}>
<View style={g(styles, 'body-hd')}> <View style={g(styles, 'body-hd')}>
<Text>结算单号: {order.settlement_number}</Text> <Text style={g(styles, 'body-hd__text')}>销售单号: {order.order_number}</Text>
</View> </View>
<FlatList
style={g(styles, 'body-bd')}
data={data}
keyExtractor={it => it.item_code}
renderItem={this.renderItem}
ListHeaderComponent={this.renderHeader}
></FlatList>
</View> </View>
</Resolution.FixWidthView> </Resolution.FixWidthView>
</View> </View>
......
src/services/api.ts
...@@ -2,13 +2,15 @@ ...@@ -2,13 +2,15 @@
* @FilePath: /BoneHouse_Business_APP/src/services/api.ts * @FilePath: /BoneHouse_Business_APP/src/services/api.ts
* @Author: peii * @Author: peii
* @Date: 2021-12-19 16:06:26 * @Date: 2021-12-19 16:06:26
* @LastEditTime: 2021-12-20 12:01:25 * @LastEditTime: 2021-12-23 12:18:34
* @LastEditors: peii * @LastEditors: peii
* @Vision: 1.0 * @Vision: 1.0
* @Description: 未重构完全暂用的所有请求 * @Description: 未重构完全暂用的所有请求
*/ */
import { request } from './baseApi' import { request } from './baseApi'
import { download } from '../utils/download'
import { stringify } from 'querystring'
const v = '/api/latest' const v = '/api/latest'
...@@ -52,4 +54,32 @@ export default { ...@@ -52,4 +54,32 @@ export default {
getSettlementLines(data: { settlement_number: string; line_status: string }) { getSettlementLines(data: { settlement_number: string; line_status: string }) {
return request({ url: `${v}/sale/settlement_line/search`, data }) return request({ url: `${v}/sale/settlement_line/search`, data })
}, },
/**
* @description: 结算确认
* @param {*} data
* @return {*}
*/
postSettlementProcess(data: { process_code: string; sale_settlement_number: string; reject_reason: string }) {
return request({ url: `${v}/sale/settlement/process`, data: { data }, method: 'POST' })
},
/**
* @description: 下载结算单行
* @param {string} host
* @param {object} data
* @return {*}
*/
downloadSettlementLine(host: string, data: { settlement_number: string; access_token: string }) {
const url = `${host}${v}/excel/download/settlement_line?${stringify(data)}`
const config = {
useDownloadManager: true,
title: '结算单行下载',
mime: 'application/vnd.ms-excel',
path: `销售结算单_${data.settlement_number}.xls`,
mediaScannable: true,
notification: true,
}
return download(url, config)
},
} }
src/services/baseApi.ts
...@@ -108,13 +108,22 @@ export const request = (args: Partial<RequestConfig>) => { ...@@ -108,13 +108,22 @@ export const request = (args: Partial<RequestConfig>) => {
p.cancel() p.cancel()
}, requestQueue) }, requestQueue)
requestQueue = [] requestQueue = []
show('登录过期，请重新登录')
R.tryCatch(
() => {
navigation.navigate('LoginPage') navigation.navigate('LoginPage')
},
() => {
reject(e)
},
)
return return
} }
if (requestTimes < options.reTries) { if (requestTimes < options.reTries && !e.error_code) {
return doRequest() return doRequest()
} }
failHandler(e, pid) failHandler(e, pid)
reject(e)
}) })
} }
......
src/utils/download.ts 0 → 100644
/*
* @FilePath: /BoneHouse_Business_APP/src/utils/download.ts
* @Author: peii
* @Date: 2021-12-23 11:19:21
* @LastEditTime: 2021-12-23 12:16:09
* @LastEditors: peii
* @Vision: 1.0
* @Description: 下载工具
*/
import RNFetchBlob from 'rn-fetch-blob'
import { Platform, PermissionsAndroid, Linking } from 'react-native'
import { show } from './utils'
/**
* @description: 文件下载
* @param {string} url 下载url
* @param {any} config android下载配置
* @return {*}
*/
export const download = async (url: string, config?: any) => {
try {
if (Platform.OS === 'ios') {
await Linking.openURL(url)
return true
} else {
const granted = await PermissionsAndroid.request(PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE)
if (granted !== PermissionsAndroid.RESULTS.GRANTED) {
return show('请给APP读写权限授权')
}
config.path && (config.path = RNFetchBlob.fs.dirs.DownloadDir + '/' + config.path)
show('下载中')
return await RNFetchBlob.config({
addAndroidDownloads: config,
})
.fetch('get', url)
.then(res => {
return show('下载成功')
})
.catch(e => {
console.log(e)
return
})
}
} catch (error: any) {
show(error.message || '下载出错，请重试')
}
}
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