Commit 2aadb374 authored by chen's avatar chen

feat: 开发报价单详情页面

parent d291771a
...@@ -315,6 +315,16 @@ export default { ...@@ -315,6 +315,16 @@ export default {
'order.inquiry.index.externalStatusConfirm': '待确认报价', 'order.inquiry.index.externalStatusConfirm': '待确认报价',
'order.inquiry.index.externalStatusOk': '接受报价', 'order.inquiry.index.externalStatusOk': '接受报价',
'order.inquiry.index.externalStatusNoOk': '不接受报价', 'order.inquiry.index.externalStatusNoOk': '不接受报价',
'order.inquiry.details.baseInfo.title': '基本信息',
'order.inquiry.details.baseInfo.no': '报价单号',
'order.inquiry.details.baseInfo.correspondingNo': '对应询价单',
'order.inquiry.details.baseInfo.memberName': '报价会员',
'order.inquiry.details.baseInfo.makes': '报价单摘要',
'order.inquiry.details.baseInfo.enTime': '报价截止时间',
'order.inquiry.details.condition.title': '交易条件',
'order.inquiry.details.condition.time': '交付时间',
'order.inquiry.details.condition.address': '交付地址',
'order.inquiry.details.condition.endTime': '报价截止时间',
// 订单FilterBar // 订单FilterBar
'order.filterBar.Delivery': '交付时间', 'order.filterBar.Delivery': '交付时间',
......
...@@ -32,6 +32,7 @@ import EnsureInquiryOrder from '../views/EnsureInquiryOrder'; ...@@ -32,6 +32,7 @@ import EnsureInquiryOrder from '../views/EnsureInquiryOrder';
import CheckQuotationOrder from '../views/CheckQuotationOrder'; import CheckQuotationOrder from '../views/CheckQuotationOrder';
import StatusLayout from '../views/StatusLayout'; import StatusLayout from '../views/StatusLayout';
import CheckQuotationOrderDetail from '../views/CheckQuotationOrder/pages/CheckQuotationOrderDetail'; import CheckQuotationOrderDetail from '../views/CheckQuotationOrder/pages/CheckQuotationOrderDetail';
import EnsureInquiryDetails from '../views/EnsureInquiryOrder/EnsureInquiryDetails';
export const ROUTERS = { export const ROUTERS = {
Login: { Login: {
...@@ -148,12 +149,18 @@ export const ROUTERS = { ...@@ -148,12 +149,18 @@ export const ROUTERS = {
headerShown: false, headerShown: false,
}, },
// 确认询价单 // 确认询价单报价单
EnsureInquiryOrder: { EnsureInquiryOrder: {
title: '确认询价报价单', title: '确认询价报价单',
component: EnsureInquiryOrder, component: EnsureInquiryOrder,
headerShown: false, headerShown: false,
}, },
// 确认询价报价单-详情
EnsureInquiryDetails: {
title: '报价单详情',
component: EnsureInquiryDetails,
headerShown: false,
},
ContractDetails: { ContractDetails: {
title: '合同详情', title: '合同详情',
......
/*
* @Author: cgh
* @Date: 2023-03-02 19:50:27
* @LastEditors: cgh
* @LastEditTime: 2023-03-03 18:22:21
* @Description: 确认询价报价单-详情
*/
import React, { useEffect, useRef, useState } from 'react'; import React, { useEffect, useRef, useState } from 'react';
// import { View, Text, Icons, Toast } from '@linkseeks/god-mobile'; // import { View, Text, Icons, Toast } from '@linkseeks/god-mobile';
import { ScrollView, NativeScrollEvent, NativeSyntheticEvent,View, Text } from 'react-native'; import { ScrollView, NativeScrollEvent, NativeSyntheticEvent,View, Text } from 'react-native';
...@@ -53,7 +61,7 @@ showAfterSales 申请售后 ...@@ -53,7 +61,7 @@ showAfterSales 申请售后
// }; // };
// }; // };
// }) => { // }) => {
const MycommodityDetails = (props:any) => { const EnsureInquiryDetails = (props:any) => {
const { const {
route: { route: {
params: { orderId, categoryIndex, showAfterSales, noBtn, noBtnClick,showbutton,orderOperation }, params: { orderId, categoryIndex, showAfterSales, noBtn, noBtnClick,showbutton,orderOperation },
...@@ -611,7 +619,7 @@ const MycommodityDetails = (props:any) => { ...@@ -611,7 +619,7 @@ const MycommodityDetails = (props:any) => {
{/* <Examine dataSource={detailData}/> */} {/* <Examine dataSource={detailData}/> */}
{/* 待提交 */} {/* 待提交 */}
{/* {dqr && ( */} {/* {dqr && ( */}
<StaySubmit <StaySubmit
dataSource={detailData} dataSource={detailData}
outerStatus={sendInfo.outerStatus} outerStatus={sendInfo.outerStatus}
fnClosePayType={fnShowPayType} fnClosePayType={fnShowPayType}
...@@ -624,7 +632,7 @@ const MycommodityDetails = (props:any) => { ...@@ -624,7 +632,7 @@ const MycommodityDetails = (props:any) => {
orderOperation={orderOperation} orderOperation={orderOperation}
share={share} share={share}
setDetailData={setDetailData} setDetailData={setDetailData}
/> />
{/* )} */} {/* )} */}
{/* */} {/* */}
{/* {dqr && detailData?.deliveries && ( {/* {dqr && detailData?.deliveries && (
...@@ -701,4 +709,4 @@ const MycommodityDetails = (props:any) => { ...@@ -701,4 +709,4 @@ const MycommodityDetails = (props:any) => {
</View> </View>
); );
}; };
export default MycommodityDetails; export default EnsureInquiryDetails;
...@@ -33,13 +33,15 @@ const CheckOrderItem = (props: any) => { ...@@ -33,13 +33,15 @@ const CheckOrderItem = (props: any) => {
label = t('order.detail.sub', '提交'); label = t('order.detail.sub', '提交');
break; break;
} }
return ( return (
<> <>
{label ? ( {label ? (
<View style={myStyle['box-bottome-foot']}> <View style={myStyle['box-bottome-foot']}>
<TouchableOpacity <TouchableOpacity
onPress={() => { onPress={() => {
navigation.navigate('RequirePriceOrderDetail', {
navigation.navigate('EnsureInquiryDetails', {
quoteNoId: item?.quoteId, quoteNoId: item?.quoteId,
askPurchaseId: item?.askPurchaseId, askPurchaseId: item?.askPurchaseId,
innerStatus: item?.innerStatus, innerStatus: item?.innerStatus,
...@@ -78,81 +80,89 @@ const CheckOrderItem = (props: any) => { ...@@ -78,81 +80,89 @@ const CheckOrderItem = (props: any) => {
return fmtText.join(''); return fmtText.join('');
}; };
// 查看商品详情
const Jump = (showbutton: boolean = false) => {
navigation.navigate('EnsureInquiryDetails', { orderId: item.orderId })
}
return ( return (
<View style={myStyle.box}> <TouchableOpacity onPress={() => Jump()}>
<View style={myStyle['box-top']}> <View style={myStyle.box}>
<View style={{ flexDirection: 'row', alignItems: 'center' }}> <View style={myStyle['box-top']}>
<View <View style={{ flexDirection: 'row', alignItems: 'center' }}>
style={[ <View
myStyle['box-point'], style={[
item.externalState === 4 ? { backgroundColor: '#01B67B' } : null, myStyle['box-point'],
item.externalState === 5 ? { backgroundColor: '#F0364E' } : null, item.externalState === 4 ? { backgroundColor: '#01B67B' } : null,
]} item.externalState === 5 ? { backgroundColor: '#F0364E' } : null,
/> ]}
<Text style={myStyle['box-top-text']}> />
{CheckOrderExternalStatusEnum.getLabelByValue(item.externalState)} <Text style={myStyle['box-top-text']}>
</Text> {CheckOrderExternalStatusEnum.getLabelByValue(item.externalState)}
</View> </Text>
{item?.interiorState ? (
<Text style={myStyle['box-top-text']}>
{CheckOrderInnerStatusEnum.getLabelByValue(item?.interiorState)}
</Text>
) : null}
</View>
{/* -------------------------- */}
<View style={myStyle['box-bottome']}>
<View style={myStyle['box-bottome-container']}>
<View style={myStyle['box-article']}>
<View style={myStyle['box-line']}></View>
</View> </View>
<View> {item?.interiorState ? (
<View style={myStyle['box-bottome-title']}> <Text style={myStyle['box-top-text']}>
<Image style={myStyle['box-bottome-block']} source={BaoIcon} /> {CheckOrderInnerStatusEnum.getLabelByValue(item?.interiorState)}
<Text style={myStyle['box-bottome-title-text']}> </Text>
{item?.details} ) : null}
</Text> </View>
{/* -------------------------- */}
<View style={myStyle['box-bottome']}>
<View style={myStyle['box-bottome-container']}>
<View style={myStyle['box-article']}>
<View style={myStyle['box-line']}></View>
</View> </View>
<View style={myStyle['box-bottome-content']}> <View>
<View style={myStyle['box-bottome-content-left']}> <View style={myStyle['box-bottome-title']}>
<View style={myStyle['box-bottome-content-left-text']}> <Image style={myStyle['box-bottome-block']} source={BaoIcon} />
<Icons style={myStyle['date-icon']} name="clockcircleo" size={14} color="#C0C4CC" /> <Text style={myStyle['box-bottome-title-text']}>
<Text {item?.details}
style={myStyle['box-bottome-content-left-text-label']} </Text>
> </View>
{`\t${fmtView(interval(item.deliveryTime))}`} <View style={myStyle['box-bottome-content']}>
</Text> <View style={myStyle['box-bottome-content-left']}>
</View> <View style={myStyle['box-bottome-content-left-text']}>
<View style={{...myStyle['box-bottome-content-left-text'], ...myStyle['box-bottome-content-left-text-end']}}> <Icons style={myStyle['date-icon']} name="clockcircleo" size={14} color="#C0C4CC" />
<Icons style={myStyle['date-icon']} name="user" size={14} color="#C0C4CC" /> <Text
<Text style={myStyle['box-bottome-content-left-text-label']}
style={myStyle['box-bottome-content-left-text-label']} >
> {`\t${fmtView(interval(item.deliveryTime))}`}
{`\t${item?.memberName}`} </Text>
</Text>
</View> </View>
<View style={{...myStyle['box-bottome-content-left-text'], ...myStyle['box-bottome-content-left-text-end']}}>
<Icons style={myStyle['date-icon']} name="user" size={14} color="#C0C4CC" />
<Text
style={myStyle['box-bottome-content-left-text-label']}
>
{`\t${item?.memberName}`}
</Text>
</View>
</View>
<View style={myStyle['box-bottome-content-right']}>
{/* source={{ uri: products.logo }} */}
{/* <Image
source={lingxi_icon}
style={myStyle['box-bottome-content-right-img']}
/> */}
</View>
</View> </View>
<View style={myStyle['box-bottome-content-right']}> {/* 这里~~~~~~· */}
{/* source={{ uri: products.logo }} */} <View style={myStyle['box-bottome-title']}>
{/* <Image <Image style={myStyle['box-bottome-block']} source={XunIcon} />
source={lingxi_icon} <Text style={myStyle['box-bottome-title-text']}>
style={myStyle['box-bottome-content-right-img']} {item?.details}
/> */} </Text>
</View> </View>
</View> </View>
{/* 这里~~~~~~· */}
<View style={myStyle['box-bottome-title']}>
<Image style={myStyle['box-bottome-block']} source={XunIcon} />
<Text style={myStyle['box-bottome-title-text']}>
{item?.details}
</Text>
</View>
</View> </View>
{/* 这里~~~~~~· */}
{/* 内部状态:1.待提交审核2.待审核(一级)3.待审核(二级)4.待提交报价单5.审核通过6.审核不通过 */}
{renderButton()}
</View> </View>
{/* 这里~~~~~~· */}
{/* 内部状态:1.待提交审核2.待审核(一级)3.待审核(二级)4.待提交报价单5.审核通过6.审核不通过 */}
{renderButton()}
</View> </View>
</View> </TouchableOpacity>
); );
}; };
export default CheckOrderItem; export default CheckOrderItem;
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 to comment