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-20 17:26:34 +08:00
parent eff90b0be5
commit 4148531038
20 changed files with 35 additions and 469 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app.config.ts
View File

@ -198,5 +198,11 @@ export default {
'codeColorList/index',
],
},
{
root: 'pages/codeList',
pages: [
'index',
],
},
],
}

4
src/common/constant.ts
View File

@ -5,12 +5,12 @@
// export const BASE_URL = `http://192.168.0.89:40001/lymarket`
// export const BASE_URL = `http://192.168.1.165:40001/lymarket` // 王霞
// export const BASE_URL = 'https://test.zzfzyc.com/lymarket' // 测试环境
// export const BASE_URL = 'https://pre.zzfzyc.com/lymarket' // 预发布
export const BASE_URL = 'https://pre.zzfzyc.com/lymarket' // 预发布
// export const BASE_URL = `http://192.168.1.9:40001/lymarket` // 发
// export const BASE_URL = `http://192.168.1.9:50005/lymarket` // 发
// export const BASE_URL = `http://192.168.1.30:50001/lymarket` // 发
// export const BASE_URL = `https://dev.zzfzyc.com/lymarket` // 开发环境
export const BASE_URL = 'https://www.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.28:50002/lymarket' // 婷

3
src/pages/codeList/codeColorList/index.config.ts
View File

@ -1,3 +0,0 @@
export default {
navigationBarTitleText: '颜色详情',
}

35
src/pages/codeList/codeColorList/index.module.scss
View File

@ -1,35 +0,0 @@
.main {
padding: 24px;
background-color: #f7f7f7ff;
padding-bottom: 200px;
.bottom_btn {
display: flex;
justify-content: space-between;
padding: 16px 48px;
position: fixed;
width: 100%;
bottom: 0;
left: 0;
box-sizing: border-box;
background-color: #fff;
height: 160px;
z-index: 999;
text {
display: block;
width: 311px;
height: 80px;
border-radius: 44px;
text-align: center;
line-height: 80px;
&:nth-child(2) {
background: #337fff;
color: #fff;
}
&:nth-child(1) {
border: 1px solid #087eff;
color: #337fffff;
box-sizing: border-box;
}
}
}
}

17
src/pages/codeList/codeColorList/index.tsx
View File

@ -1,17 +0,0 @@
import { CoverView, Text, View } from '@tarojs/components'
import ColorItemSetting from '../components/colorItemSetting'
import styles from './index.module.scss'
export default () => {
return <View className={styles.main}>
<ColorItemSetting />
<View >
<View className={styles.bottom_btn}>
<Text>取消</Text>
<Text>确认</Text>
</View>
<View className="common_safe_area_y"></View>
</View>
</View>
}

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

@ -1,23 +0,0 @@
.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
View File

@ -1,13 +0,0 @@
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>
}

40
src/pages/codeList/components/colorItemSetting/index.module.scss
View File

@ -1,40 +0,0 @@
.product_list {
width: 702px;
border-radius: 16px;
margin-top: 24px;
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);
background-color: #fff;
padding: 0 32px;
box-sizing: border-box;
border-radius: 16px 16px 0 0;
.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;
}
}
.product_list__item--con {
background-color: #fff;
padding: 24px 32px 18px 32px;
box-sizing: border-box;
margin-bottom: 8px;
}
}
}

24
src/pages/codeList/components/colorItemSetting/index.tsx
View File

@ -1,24 +0,0 @@
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>
{new Array(5).fill('').map((item, index) => <View key={index} className={styles['product_list__item--con']}>
<ProductItem />
<SettingNumber />
</View>)}
</View>
</View>
</>
}

43
src/pages/codeList/components/colorSetting/index.module.scss
View File

@ -1,43 +0,0 @@
.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;
justify-content: space-between;
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;
}
.con {
display: flex;
align-items: center;
}
.update {
display: flex;
align-items: center;
color: #337fffff;
font-size: 28px;
}
}
}
}

27
src/pages/codeList/components/colorSetting/index.tsx
View File

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

26
src/pages/codeList/components/payeeHead/selectList/index.tsx
View File

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

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

@ -1,43 +0,0 @@
.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;
}
}
}

24
src/pages/codeList/components/productItem/index.tsx
View File

@ -1,24 +0,0 @@
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 className="common_ellipsis"></View>
</View>
}

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

@ -1,31 +0,0 @@
.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
View File

@ -1,23 +0,0 @@
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>
</>
}

41
src/pages/codeList/components/wholeOrderSetting/index.module.scss
View File

@ -1,41 +0,0 @@
.product_list {
width: 702px;
background: #ffffff;
border-radius: 16px;
margin-top: 24px;
padding: 0 32px 0 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;
}
}
.up_btn {
width: 100%;
height: 72px;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
color: rgba(0, 0, 0, 0.4);
}
}
}

26
src/pages/codeList/components/wholeOrderSetting/index.tsx
View File

@ -1,26 +0,0 @@
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>
<View className={styles['product_list__item--con']}>
{new Array(5).fill('').map((item, index) => <View key={index}><ProductItem /></View>)}
</View>
<View className={styles.up_btn}>收起<IconFont name="icon-shangla" size={35} /></View>
</View>
</View>
</>
}

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

@ -30,36 +30,27 @@
.code_list_con {
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;
align-items: center;
margin-top: 1px;
.code_list_search--code {
width: 558px;
height: 72px;
background: #f7f7f7;
border-radius: 36px;
margin-right: 32px;
}
.code_list_search--data {
display: flex;
align-items: center;
text {
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;
}
margin-right: 8px;
}
}
}
.code_list_con {
padding: 24px;
box-sizing: border-box;
}
}

10
src/pages/weightList/components/companyItem/index.module.scss
View File

@ -8,7 +8,15 @@
padding: 0 24px;
align-items: center;
box-sizing: border-box;
.name {
width: 78px;
height: 78px;
background: linear-gradient(337deg, #7bb7ff 0%, #4581ff 100%);
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 78px;
}
.desc {
display: flex;
flex-direction: column;