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

✨ feat(码单管理开发):

Browse Source
This commit is contained in:
czm 2022-12-16 18:30:36 +08:00
parent dc17cec598
commit 1077674618
11 changed files with 267 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/common/constant.ts
View File

@ -1,4 +1,4 @@
export const BASE_URL = CURRENT_BASE_URL
// export const BASE_URL = CURRENT_BASE_URL
// export const BASE_URL = `http://192.168.0.75:50001/lymarket`
// export const BASE_URL = `http://192.168.0.89:50001/lymarket`
// export const BASE_URL = `http://10.0.0.5:50001/lymarket`
@ -12,7 +12,7 @@ export const BASE_URL = CURRENT_BASE_URL
// export const BASE_URL = `https://dev.zzfzyc.com/lymarket` // 开发环境
// export const BASE_URL = 'https://www.zzfzyc.com/lymarket' // 正式环境
// export const BASE_URL = `http://192.168.1.5:40001/lymarket` // 王霞
// export const BASE_URL = 'http://192.168.1.7:50002/lymarket' // 添
export const BASE_URL = 'http://192.168.1.7:50002/lymarket' // 添
// export const BASE_URL = 'http://192.168.1.28:50002/lymarket' // 婷
// export const BASE_URL = 'http://192.168.1.42:50001/lymarket' // 杰

23
src/pages/codeList/components/bottomBtn/index.module.scss Normal file
View File

@ -0,0 +1,23 @@
.bottom_btn {
height: 160px;
display: flex;
background-color: #fff;
position: fixed;
bottom: 0;
width: 100%;
justify-content: flex-end;
padding: 24px 32px;
box-sizing: border-box;
.bottom_btn_item {
width: 160px;
height: 72px;
border-radius: 40px;
border: 1px solid rgba(0, 0, 0, 0.6);
text-align: center;
line-height: 72px;
font-size: 28px;
&:nth-last-child(n + 2) {
margin-right: 24px;
}
}
}

13
src/pages/codeList/components/bottomBtn/index.tsx Normal file
View File

@ -0,0 +1,13 @@
import { View } from '@tarojs/components'
import styles from './index.module.scss'
export default () => {
return <View>
<View className={styles.bottom_btn}>
<View className={styles.bottom_btn_item}>删除码单</View>
<View className={styles.bottom_btn_item}>预览码单</View>
<View className={styles.bottom_btn_item}>保存码单</View>
</View>
<View className="common_safe_area_y"></View>
</View>
}

24
src/pages/codeList/components/payeeHead/selectList/index.tsx Normal file
View File

@ -0,0 +1,24 @@
import { Text, View } from '@tarojs/components'
import classNames from 'classnames'
import { memo, useCallback, useEffect, useState } from 'react'
import styles from './index.module.scss'
interface Param {
selectIndex: 1|2|3
onSelect?: (val: number) => void
}
export default memo((props: Param) => {
const { selectIndex = 1 } = props
const [index, setIndex] = useState(1)
useEffect(() => {
if (selectIndex != index) { setIndex(() => props.selectIndex) }
}, [selectIndex])
const getSelect = (index) => {
setIndex(() => index)
}
return <View className={styles.select_list} onClick={getSelect}>
<View onClick={() => getSelect(1)} className={classNames(styles.select_list_item, index === 1 && styles.select_list_ed)}><Text>按整单</Text></View>
<View onClick={() => getSelect(2)} className={classNames(styles.select_list_item, index === 2 && styles.select_list_ed)}><Text>按面料</Text></View>
<View onClick={() => getSelect(3)} className={classNames(styles.select_list_item, index === 3 && styles.select_list_ed)}><Text>按颜色</Text></View>
</View>
})

43
src/pages/codeList/components/productItem/index.module.scss Normal file
View File

@ -0,0 +1,43 @@
.product_list__item--con {
display: flex;
padding: 24px 0;
box-sizing: border-box;
&:nth-last-child(n + 2) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.item_image {
width: 90px;
height: 90px;
border-radius: 8px;
}
.item_desc {
flex: 1;
margin-left: 16px;
.item_name_count {
display: flex;
align-items: center;
.name {
display: flex;
flex: 1;
font-size: 28px;
align-items: center;
}
.number {
justify-self: self-end;
font-size: 28px;
color: rgba(0, 0, 0, 0.4);
}
}
.item_specs_new {
font-size: 25px;
color: rgba(0, 0, 0, 0.8);
margin-top: 17px;
}
.item_specs_old {
font-size: 25px;
color: rgba(0, 0, 0, 0.4);
margin-top: 16px;
text-decoration: line-through;
}
}
}

23
src/pages/codeList/components/productItem/index.tsx Normal file
View File

@ -0,0 +1,23 @@
import { Text, View } from '@tarojs/components'
import styles from './index.module.scss'
import LabAndImg from '@/components/LabAndImg'
import IconFont from '@/components/iconfont/iconfont'
export default () => {
return <View className={styles['product_list__item--con']}>
<View className={styles.item_image}>
<LabAndImg value={{}} />
</View>
<View className={styles.item_desc}>
<View className={styles.item_name_count}>
<View className={styles.name}>
<Text>001# 环保黑</Text>
<IconFont name="icon-shuru" size={50} />
</View>
<View className={styles.number}>x2条</View>
</View>
<View className={styles.item_specs_new}>重量:400.5kg｜空差: 50.5k｜单价：¥100.0/kg</View>
<View className={styles.item_specs_old}>重量:400.5kg｜空差: 50.5k｜单价：¥100.0/kg</View>
</View>
</View>
}

31
src/pages/codeList/components/productSetting/index.module.scss Normal file
View File

@ -0,0 +1,31 @@
.product_list {
width: 702px;
background: #ffffff;
border-radius: 16px;
margin-top: 24px;
padding: 0 32px 32px 32px;
box-sizing: border-box;
.product_list__item {
.product_list__item--title {
height: 82px;
font-size: 28px;
display: flex;
color: #000000;
align-items: center;
.product_title {
margin-right: 8px;
}
.mode_status {
width: 60px;
height: 30px;
font-size: 20px;
background: #337fff;
border-radius: 8px;
text-align: center;
line-height: 30px;
color: #fff;
margin-left: 8px;
}
}
}
}

23
src/pages/codeList/components/productSetting/index.tsx Normal file
View File

@ -0,0 +1,23 @@
import { Text, View } from '@tarojs/components'
import SettingNumber from '../settingNumber'
import ProductItem from '../productItem'
import styles from './index.module.scss'
import IconFont from '@/components/iconfont/iconfont'
import LabAndImg from '@/components/LabAndImg'
export default () => {
return <>
<View className={styles.product_list}>
<View className={styles.product_list__item}>
<View className={styles['product_list__item--title']}>
<Text className={styles.product_title}>5215# 26S双纱亲水滑爽棉</Text>
<IconFont name="icon-shuru" size={50} />
<Text className={styles.mode_status}>大货</Text>
</View>
<SettingNumber />
{new Array(5).fill('').map((item, index) => <View key={index}><ProductItem /></View>)}
</View>
</View>
</>
}

32
src/pages/codeList/components/wholeOrderSetting/index.module.scss Normal file
View File

@ -0,0 +1,32 @@
.product_list {
width: 702px;
background: #ffffff;
border-radius: 16px;
margin-top: 24px;
padding: 0 32px 32px 32px;
box-sizing: border-box;
.product_list__item {
.product_list__item--title {
height: 82px;
font-size: 28px;
display: flex;
color: #000000;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
.product_title {
margin-right: 8px;
}
.mode_status {
width: 60px;
height: 30px;
font-size: 20px;
background: #337fff;
border-radius: 8px;
text-align: center;
line-height: 30px;
color: #fff;
margin-left: 8px;
}
}
}
}

22
src/pages/codeList/components/wholeOrderSetting/index.tsx Normal file
View File

@ -0,0 +1,22 @@
import { Text, View } from '@tarojs/components'
import SettingNumber from '../settingNumber'
import ProductItem from '../productItem'
import styles from './index.module.scss'
import IconFont from '@/components/iconfont/iconfont'
import LabAndImg from '@/components/LabAndImg'
export default () => {
return <>
<SettingNumber />
<View className={styles.product_list}>
<View className={styles.product_list__item}>
<View className={styles['product_list__item--title']}>
<Text className={styles.product_title}>5215# 26S双纱亲水滑爽棉</Text>
<IconFont name="icon-shuru" size={50} />
<Text className={styles.mode_status}>大货</Text>
</View>
{new Array(5).fill('').map((item, index) => <View key={index}><ProductItem /></View>)}
</View>
</View>
</>
}

31
src/pages/codeList/index.module.scss
View File

@ -31,4 +31,35 @@
padding: 24px;
box-sizing: border-box;
}
.code_list_con {
padding: 0 24px;
margin-top: 24px;
.code_des {
padding: 0 32px 32px 32px;
background-color: #fff;
border-radius: 16px;
margin-top: 24px;
.code_des_title {
height: 82px;
line-height: 82px;
font-size: 28px;
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.code_des_item {
display: flex;
justify-content: space-between;
font-size: 28px;
color: rgba(0, 0, 0, 0.8);
margin-top: 24px;
.code_des_weight {
font-weight: 500;
}
.code_des_price {
color: #f64861;
font-weight: 500;
}
}
}
}
}