diff --git a/src/common/constant.ts b/src/common/constant.ts index 62ab24b..9214442 100644 --- a/src/common/constant.ts +++ b/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` @@ -10,9 +10,9 @@ // 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.7:50002/lymarket' // 添 // export const BASE_URL = 'http://192.168.1.42:50002/lymarket' // 杰 // export const BASE_URL = `http://192.168.1.95:40001/lymarket` // 华 // export const BASE_URL = 'http://192.168.1.28:50002/lymarket' // 婷 diff --git a/src/pages/getColorCard/components/itemList/index.module.scss b/src/pages/getColorCard/components/colorCardItemList/index.module.scss similarity index 80% rename from src/pages/getColorCard/components/itemList/index.module.scss rename to src/pages/getColorCard/components/colorCardItemList/index.module.scss index 0a56386..27d37c3 100644 --- a/src/pages/getColorCard/components/itemList/index.module.scss +++ b/src/pages/getColorCard/components/colorCardItemList/index.module.scss @@ -1,49 +1,49 @@ -.topItem { +.colorCardTopItem { display: flex; align-items: center; justify-content: space-between; - .orderNo { + .colorCardOrderNo { font-size: 28px; font-weight: 550; color: #000000; } - .status { + .colorCardStatus { font-size: 28px; font-weight: 550; color: #0d7cff; } } -.flexBox { +.colorCardFlexBox { display: flex; align-items: center; - .pussName { + .colorCardPussName { margin-right: 10px; font-size: 28px; font-weight: 500; color: #666666; } - .tag { + .colorCardTag { background-color: #e3ecff; border-color: transparent; color: #337fff; } } -.contBox { +.colorCardContBox { width: 100%; display: flex; justify-content: space-between; overflow: hidden; - .leftCont { + .colorCardLeftCont { width: 134px; height: 134px; border-radius: 8px; position: relative; } - .rightCont { + .colorCardRightCont { width: calc(100% - 134px); flex: 1 1 auto; display: flex; @@ -51,13 +51,13 @@ overflow: hidden; margin-left: 24px; justify-content: space-between; - .rightTop { + .colorCardRightTop { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; - .productName { + .colorCardProductName { width: 70%; overflow: hidden; white-space: nowrap; @@ -67,7 +67,7 @@ color: #000000; } - .shipMode { + .colorCardShipMode { width: 25%; font-size: 28px; color: #000000; @@ -79,11 +79,11 @@ flex-flow: row wrap; } - .colorsBox { + .colorCardColorsBox { display: flex; align-items: center; - .colorName { + .colorCardColorName { flex: 1; font-size: 28px; color: #797979; @@ -93,38 +93,28 @@ } } -.lineOne { - // width: 638px; - margin-right: 32px; - height: 1px; - background: #e7e7e7; - // opacity: 0.1; - margin-left: 32px; - margin-top: 24px; -} - -.bottomMsg { +.colorCardBottomMsg { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; - .msgLeft { + .colorCardMsgLeft { font-size: 24px; font-weight: 400; color: #a1a1a1; } - .msgRight { + .colorCardMsgRight { font-size: 24px; font-weight: 400; color: #a1a1a1; } } -.paymentMethod { +.colorCardPaymentMethod { display: flex; justify-content: flex-end; - .msgRightOne { + .colorCardMsgRightOne { font-size: 28px; font-weight: 500; color: #f64861; @@ -132,7 +122,7 @@ } } -.bottomBox { +.colorCardBottomBox { display: flex; justify-content: flex-end; margin-top: 32px; diff --git a/src/pages/getColorCard/components/colorCardItemList/index.tsx b/src/pages/getColorCard/components/colorCardItemList/index.tsx new file mode 100644 index 0000000..97b496e --- /dev/null +++ b/src/pages/getColorCard/components/colorCardItemList/index.tsx @@ -0,0 +1,94 @@ +import type { ITouchEvent } from '@tarojs/components' +import { ScrollView, View } from '@tarojs/components' +import Taro from '@tarojs/taro' +import { memo, useCallback, useEffect, useMemo, useState } from 'react' +import styles from './index.module.scss' +import { formatRemoveHashTag } from '@/common/format' +import LabAndImg from '@/components/LabAndImg' +import NormalButton from '@/components/normalButton' +import Divider from '@/components/divider' +import Tag from '@/components/tag' +import LayoutBlock from '@/components/layoutBlock' +import { goLink } from '@/common/common' + +interface PropsType { + data?: any + cancel?: (e: ITouchEvent) => void +} +const ItemList = (props: PropsType) => { + const { data, cancel } = props + console.log('data===>', data) + const labAndImgObj = useCallback((item) => { + return { lab: item?.lab, rgb: item?.rgb, texture_url: item?.texture_url } + }, []) + // // 进入详情页 + const navTo = () => { + goLink('/pages/getColorCard/colorCardDetail/index', { id: data?.order_id }) + } + + return ( + + + 单号:{data.order_no} + {data.order_status_name} + + + {data.purchaser_name} + { + data.sale_user_name && + {data.sale_user_name} + + } + + + + + + + + + + + + {data?.color_card_info[0]?.name} + {data?.shipment_mode_name} + + + {data?.color_card_info[0]?.affiliation_product?.map((item, index) => { + return {formatRemoveHashTag(item.code)} + }) + } + + + + x{data?.color_card_info?.[0]?.count || 0}本 + + + + + + 色卡信息: + {data?.color_card_count || 0} 种色卡,共 {data?.color_card_number || 0} 本 + + + 快递到付 + + + { + data?.order_status === 1 && + 取消订单 + + } + + + + ) +} +export default memo(ItemList) diff --git a/src/pages/getColorCard/components/itemList/index.tsx b/src/pages/getColorCard/components/itemList/index.tsx deleted file mode 100644 index 5e94874..0000000 --- a/src/pages/getColorCard/components/itemList/index.tsx +++ /dev/null @@ -1,95 +0,0 @@ -import type { ITouchEvent } from '@tarojs/components' -import { ScrollView, View } from '@tarojs/components' -import { memo, useCallback, useEffect, useMemo, useState } from 'react' -import styles from './index.module.scss' -import LabAndImg from '@/components/LabAndImg' -import NormalButton from '@/components/normalButton' -import Divider from '@/components/divider' -import Tag from '@/components/tag' -import LayoutBlock from '@/components/layoutBlock' -import { goLink } from '@/common/common' -import { formatRemoveHashTag } from '@/common/format' - -interface PropsType { - data?: any - cancel?: (e: ITouchEvent) => void -} -const ItemList = (props: PropsType) => { - const { data, cancel } = props - - const labAndImgObj = useCallback((item) => { - return { lab: item?.lab, rgb: item?.rgb, texture_url: item?.texture_url } - }, []) - // 进入详情页 - const navTo = () => { - goLink('/pages/getColorCard/colorCardDetail/index', { id: data.order_id }) - } - - return ( - - - 单号:{data.order_no} - {data.order_status_name} - - - {data.purchaser_name} - { - data.sale_user_name && - {data.sale_user_name} - - } - - - - - - - - - - - - - {data.color_card_info?.[0]?.name} - {data.shipment_mode_name} - - - { - data.color_card_info?.[0]?.affiliation_product?.map((item, index) => { - return {formatRemoveHashTag(item.code)} - }) - } - - - - x{data.color_card_info?.[0]?.count || 0}本 - - - - - - 色卡信息: - {data?.color_card_count || 0} 种色卡,共 {data?.color_card_number || 0} 本 - - - 快递到付 - - - { - data.order_status === 1 && - 取消订单 - - } - - - - ) -} -export default memo(ItemList) diff --git a/src/pages/getColorCard/index.tsx b/src/pages/getColorCard/index.tsx index b17b9e7..a6c25e9 100644 --- a/src/pages/getColorCard/index.tsx +++ b/src/pages/getColorCard/index.tsx @@ -1,9 +1,8 @@ -import type { ITouchEvent } from '@tarojs/components' import { View } from '@tarojs/components' -import Taro from '@tarojs/taro' +import Taro, { useReady } from '@tarojs/taro' import { useCallback, useEffect, useMemo, useRef, useState } from 'react' import styles from './index.module.scss' -import ItemList from './components/itemList' +import ItemList from './components/colorCardItemList' import Search from '@/components/search' import NormalButton from '@/components/normalButton' import InfiniteScroll from '@/components/infiniteScroll' @@ -25,8 +24,8 @@ const GetColorCard = () => { setRefresherTriggeredStatus(false) } - // status 1 申请中 2 已完成 - // 页码和页数 + // // status 1 申请中 2 已完成 + // // 页码和页数 const [searchField, setSearchField] = useState<{ name?: string; status?: number; page: number; size: number }>({ name: '', status: 0, @@ -35,9 +34,9 @@ const GetColorCard = () => { }) const [colorList, setColorList] = useState<{ list: any[]; total: number }>({ list: [], total: 0 }) - // 列表下拉刷新 + // // 列表下拉刷新 const [refresherTriggeredStatus, setRefresherTriggeredStatus] = useState(false) - // 数据加载状态 + // // 数据加载状态 const statusMore = useMemo(() => { return dataLoadingStatus({ list: colorList.list, total: colorList.total, status: state.loading! }) }, [colorList, state.loading]) @@ -87,7 +86,7 @@ const GetColorCard = () => { } // 取消订单 - const handleCancel = (e: ITouchEvent, id: number) => { + const handleCancel = (e, id: number) => { e.stopPropagation() Taro.showModal({ content: '确定取消该订单?', @@ -102,12 +101,6 @@ const GetColorCard = () => { }) } - // 监听选择的类型 - // useEffect(() => { - // setSearchObj(search) - // if (search.goodsId) { getGoodList() } - // }, [search]) - return @@ -123,10 +116,10 @@ const GetColorCard = () => { selfOnRefresherRefresh={getRefresherRefresh} safeAreaInsetBottom={false} > - {colorList?.list?.map((item, index) => { + {colorList?.list?.map((item) => { return ( - handleCancel(e, item.order_id)}> + handleCancel(e, item.order_id)}> ) })} diff --git a/src/pages/sampleCutting/index.tsx b/src/pages/sampleCutting/index.tsx index 2f7a1c6..642ace0 100644 --- a/src/pages/sampleCutting/index.tsx +++ b/src/pages/sampleCutting/index.tsx @@ -8,7 +8,6 @@ import Search from '@/components/search' import NormalButton from '@/components/normalButton' import InfiniteScroll from '@/components/infiniteScroll' import { dataLoadingStatus, debounce, getFilterData } from '@/common/util' -import FilterButton from '@/components/filterButton' import { alert, goLink } from '@/common/common' import Empty from '@/components/empty' import { COLOR_CARD_LIST_EMPTY_IMAGE } from '@/common/constant'