xuan/TestRestructureWechatLymarketDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐞 fix(#1000663#15#21): 修复提货列表|提货详情模块的样式问题

Browse Source
This commit is contained in:
xuan
2022-11-11 11:39:00 +08:00
parent 7070ec425e
commit adbdb80dc8
14 changed files with 57 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/searchPage/components/empty/index.module.scss
-22
View File
@@ -1,22 +0,0 @@
.mainBox {
height: calc(100vh - 200px);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.pic {
width: 522px;
height: 322px;
background: #fff;
// opacity: 0.3;
margin-bottom: 24px;
}
.fonst {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
}
src/pages/searchPage/components/empty/index.tsx
-22
View File
@@ -1,22 +0,0 @@
import { View, Image } from '@tarojs/components'
import React, { useCallback, memo, useEffect, useMemo, useRef, useState } from 'react'
import styles from "../empty/index.module.scss"
interface PropsObj {
picUrl?: string,
fonst?: string
}
export default memo((pros: PropsObj) => {
const {
picUrl = '',
fonst = '无搜索历史'
} = pros
console.log(pros,8888)
return (
<View className={styles.mainBox}>
<Image className={styles.pic} mode='aspectFill' lazyLoad src={picUrl}></Image>
<View className={styles.fonst}>{fonst}</View>
</View>
)
})
src/pages/searchPage/index.tsx
+3 -3
View File
@@ -3,7 +3,7 @@ import React, { useCallback, memo, useEffect, useMemo, useRef, useState } from '
import Search from '@/components/search'
import styles from "./index.module.scss"
import classnames from "classnames";
import Empty from './components/empty'
import Empty from '@/components/empty'
import Taro, { useDidShow } from '@tarojs/taro';
import Goods from './components/goods'
import { mpproductlist } from "@/api/search"
@@ -376,7 +376,7 @@ export default memo(() => {
</View>
}
{
!histroyList.length && <Empty picUrl='https://cdn.zzfzyc.com/empty.png' fonst={'无搜索历史'}></Empty>
!histroyList.length && <Empty picUrl='https://cdn.zzfzyc.com/empty.png' text={'无搜索历史'}></Empty>
}
</>
}
@@ -396,7 +396,7 @@ export default memo(() => {
})
}
{
!searchList.length && <Empty picUrl='https://cdn.zzfzyc.com/empty.png' fonst={'暂无数据'}></Empty>
!searchList.length && <Empty picUrl='https://cdn.zzfzyc.com/empty.png' text={'暂无数据'}></Empty>
}
</>
}
src/pages/takeDelivery/components/ItemList/index.module.scss
+7 -3
View File
@@ -1,5 +1,6 @@
.layoutBlock{
margin: 24px;
margin: 20px;
padding: 24px;
}
.topBar {
font-size: 28px;
@@ -8,13 +9,16 @@
flex-flow: row nowrap;
justify-content: space-between;
color: $color_font_one;
.orderNo{
font-weight: bold;
}
}
&__orderType {
color: rgba($color: #000000, $alpha: 0.6);
font-weight: 550;
font-weight: bold;
}
&__orderStatus {
font-weight: 550;
font-weight: bold;
&--finished{
color: $color_font_three;
}
src/pages/takeDelivery/components/ItemList/index.tsx
+4 -5
View File
@@ -52,7 +52,7 @@ const ItemList:FC<PropsType> = (props) => {
<LayoutBlock circle customClassName={styles.layoutBlock}>
<View className={styles.topBar}>
<View className={styles.topBar__orderNo}>
<View>单号：{itemData?.take_goods_order_no}</View>
<View className={styles.orderNo}>单号：{itemData?.take_goods_order_no}</View>
{itemData?.take_goods_status === 0 && (
<View className={classnames(styles.topBar__orderStatus, styles['topBar__orderStatus--takingGoods'])}>提货中</View>
)}
@@ -60,18 +60,17 @@ const ItemList:FC<PropsType> = (props) => {
</View>
<Text className={styles.topBar__orderType}>{itemData?.take_goods_order_type_name}</Text>
</View>
<Divider direction='horizontal' customStyles={{ margin: '30rpx 0' }}></Divider>
<Divider direction='horizontal' customStyles={{ margin: '20rpx 0 10rpx 0' }}></Divider>
<View className={styles.content}>
<View className={classnames(styles.content__row, styles.bord)}>
<View className={styles.content__row__left}>货品信息：</View>
<View className={styles.content__row__right}>
<SaleModeTag saleMode={itemData.sale_mode} size='small' customClassName={styles.tag}></SaleModeTag>
{/* TODO: 面料字段、颜色字段 */}
{itemData.delivery_product_nums}种面料，{itemData.delivery_product_color_nums}种颜色，共
{itemData?.sale_mode === EnumSaleMode.Bulk ? `${itemData?.take_roll}条` : `${formatMeterDiv(itemData?.take_meters)}米`}
</View>
</View>
<View className={styles.content__row}>
<View className={classnames(styles.content__row, styles.bord)}>
<View className={styles.content__row__left}>供应信息：</View>
<View className={styles.content__row__right}>{itemData?.supplier_name || '空'}</View>
</View>
@@ -85,7 +84,7 @@ const ItemList:FC<PropsType> = (props) => {
customClassName={styles.bottomBar__button}
type='info'
plain
customStyles={{ color: '#8e8e8e', borderColor: '#8e8e8e' }}
customStyles={{ color: '#636363', borderColor: '#c8c8c8' }}
round
onClick={() => handleDetail(itemData)}>
查看详情
src/pages/takeDelivery/index.module.scss
+1 -1
View File
@@ -25,7 +25,7 @@ page {
height: 100%;
&--total {
display: block;
margin-top: 24px;
margin-top: 20px;
padding: 0 24px;
font-size: 24px;
color: #9d9d9d;
src/pages/takeDelivery/index.tsx
+4 -1
View File
@@ -14,6 +14,8 @@ import DeliveryStatusList from './components/DeliveryStatusList'
import Popup from '@/components/popup'
import DeliveryFilter, { SearchField } from './components/Filter'
import TimePickerPopup from '@/components/timePickerPopup'
import Empty from '@/components/empty'
import { LIST_EMPTY_IMAGE } from '@/common/constant'
type SearchData = {
take_goods_order_no?: string // 提货单号
@@ -41,7 +43,7 @@ const Delivery: FC = () => {
const { fetchData: FetchDeliveryOrderList, state: orderState } = TakeGoodsOrderList()
//数据加载状态
const statusMore = useMemo(() => {
return dataLoadingStatus({ list: takeDeliveryOrderList.list, total: takeDeliveryOrderList.total, status: orderState.loading })
return dataLoadingStatus({ list: takeDeliveryOrderList.list, total: takeDeliveryOrderList.total, status: orderState.loading! })
}, [takeDeliveryOrderList, orderState])
//输入搜索关键字
@@ -175,6 +177,7 @@ const Delivery: FC = () => {
<View className={styles.listBox}>
<InfiniteScroll
emptySlot={<Empty picUrl={LIST_EMPTY_IMAGE} text='暂无数据'/>}
statusMore={statusMore}
selfonScrollToLower={getScrollToLower}
refresherEnabled={true}
src/pages/takeDeliveryDetail/index.module.scss
+8 -2
View File
@@ -19,7 +19,7 @@ page {
font-size: 28px;
}
.topBar__orderType {
color: rgba($color: #000000, $alpha: 0.6);
color: #6e6e6e;
font-size: 28px;
font-weight: 550;
}
@@ -44,6 +44,8 @@ page {
justify-content: space-between;
align-items: center;
font-size: 28px;
font-weight: bold;
color: #424242;
padding: 10px 0;
}
&--detail {
@@ -53,6 +55,7 @@ page {
align-items: center;
padding: 10px 0;
font-size: 28px;
color: #6e6e6e;
}
&--name {
}
@@ -71,20 +74,23 @@ page {
.orderNo {
font-size: 28px;
color: #424242;
font-weight: 550;
}
.status {
font-size: 28px;
&--takingGoods {
font-weight: bold;
color: $color_main;
}
&--finished {
font-weight: bold;
color: $color_font_three;
}
}
.divider {
margin: 24px 0;
margin: 20px 0 10px 0;
}
.total {
margin-top: 24px;
src/pages/takeDeliveryDetail/index.tsx
+8 -8
View File
@@ -160,7 +160,7 @@ const TakeDeliveryDetail: FC = () => {
return (
<View className={styles.deliveryDetail}>
<View className={styles.content}>
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.detailTop}>
<View className={styles.orderNo}>提货单号：{detailInfo?.take_order_no}</View>
{detailInfo?.take_goods_status === 0 ? (
@@ -182,12 +182,12 @@ const TakeDeliveryDetail: FC = () => {
</LayoutBlock>
{detailInfo?.take_goods_order_type !== 0 && (
<>
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.orderInfoTop}>退货布匹附件</View>
<Divider direction='horizontal' customClassName={styles.divider}></Divider>
<UploadImage onlyRead={detailInfo?.status !== 0} onChange={handleUploadChange} defaultList={detailInfo?.fabric_piece_accessory_url}></UploadImage>
</LayoutBlock>
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.orderInfoTop}>退货物流附件</View>
<Divider direction='horizontal' customClassName={styles.divider}></Divider>
<UploadImage onlyRead={detailInfo?.status !== 0} onChange={handleUploadChange} defaultList={detailInfo?.accessory_url}></UploadImage>
@@ -195,17 +195,17 @@ const TakeDeliveryDetail: FC = () => {
</>
)}
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.orderInfoTop}>订单信息</View>
<Divider direction='horizontal' customClassName={styles.divider}></Divider>
<View className='orderInfoDetail'>
<Cell title='提货人：' desc={detailInfo?.auditor_name}></Cell>
<Cell title='创建时间：' desc={formatDateTime(detailInfo?.create_time)}></Cell>
<Cell title='提货时间：' desc={formatDateTime(detailInfo?.audit_time)}></Cell>
<Cell title='提货人：' desc={detailInfo?.auditor_name || '暂无提货人'}></Cell>
<Cell title='创建时间：' desc={formatDateTime(detailInfo?.create_time) || '暂无创建时间'}></Cell>
<Cell title='提货时间：' desc={formatDateTime(detailInfo?.audit_time) || '暂无提货时间'}></Cell>
</View>
</LayoutBlock>
{detailInfo?.take_goods_order_type !== 0 && (
<LayoutBlock circle>
<LayoutBlock circle customStyle={{padding: '24rpx'}}>
<View className={styles.orderInfoTop}>备注信息</View>
<Divider direction='horizontal' customClassName={styles.divider}></Divider>
<View className='orderInfoDetail'>{detailInfo?.remark}</View>