✨ feat(码单管理开发):

src/common/constant.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

src/pages/codeList/index.module.scss

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