✨ feat(码单抬头列表开发完成):

src/app.config.ts

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

src/common/constant.ts

@@ -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' // 婷

src/pages/codeList/codeColorList/index.config.ts

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

src/pages/codeList/codeColorList/index.module.scss

@@ -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;
-      }
-    }
-  }
-}

src/pages/codeList/codeColorList/index.tsx

@@ -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>
-}

src/pages/codeList/components/bottomBtn/index.module.scss

@@ -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;
-    }
-  }
-}

src/pages/codeList/components/bottomBtn/index.tsx

@@ -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>
-}

src/pages/codeList/components/colorItemSetting/index.module.scss

@@ -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;
-    }
-  }
-}

src/pages/codeList/components/colorItemSetting/index.tsx

@@ -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>
-  </>
-}

src/pages/codeList/components/colorSetting/index.module.scss

@@ -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;
-      }
-    }
-  }
-}

src/pages/codeList/components/colorSetting/index.tsx

@@ -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>
-  </>
-}

src/pages/codeList/components/payeeHead/selectList/index.tsx

@@ -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>
-})

src/pages/codeList/components/productItem/index.module.scss

@@ -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;
-    }
-  }
-}

src/pages/codeList/components/productItem/index.tsx

@@ -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>
-}

src/pages/codeList/components/productSetting/index.module.scss

@@ -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;
-      }
-    }
-  }
-}

src/pages/codeList/components/productSetting/index.tsx

@@ -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>
-  </>
-}

src/pages/codeList/components/wholeOrderSetting/index.module.scss

@@ -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);
-    }
-  }
-}

src/pages/codeList/components/wholeOrderSetting/index.tsx

@@ -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>
-  </>
-}

src/pages/codeList/index.module.scss

@@ -30,36 +30,27 @@
   .code_list_con {
     padding: 24px;
     box-sizing: border-box;
-  }
+    align-items: center;
-  .code_list_con {
+    margin-top: 1px;
-    padding: 0 24px;
+    .code_list_search--code {
-    margin-top: 24px;
+      width: 558px;
-    .code_des {
+      height: 72px;
-      padding: 0 32px 32px 32px;
+      background: #f7f7f7;
-      background-color: #fff;
+      border-radius: 36px;
-      border-radius: 16px;
+      margin-right: 32px;
-      margin-top: 24px;
+    }
-      .code_des_title {
+    .code_list_search--data {
-        height: 82px;
+      display: flex;
-        line-height: 82px;
+      align-items: center;
-        font-size: 28px;
+      text {
-        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;
+        margin-right: 8px;
-        .code_des_weight {
-          font-weight: 500;
-        }
-        .code_des_price {
-          color: #f64861;
-          font-weight: 500;
-        }
       }
     }
   }
+  .code_list_con {
+    padding: 24px;
+    box-sizing: border-box;
+  }
 }

src/pages/weightList/components/companyItem/index.module.scss

@@ -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;