✨ feat:h5样式问题
This commit is contained in:
parent
94b609039d
commit
2b00271d71
@ -1,4 +1,5 @@
|
|||||||
.addBox {
|
.addBox {
|
||||||
|
height: 556px;
|
||||||
margin: 24px;
|
margin: 24px;
|
||||||
padding: 0px 32px 40px 32px;
|
padding: 0px 32px 40px 32px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
@ -6,12 +7,13 @@
|
|||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.addBox:hover {
|
.activeBox {
|
||||||
|
transition: 0.3s;
|
||||||
|
height: 1000px;
|
||||||
margin: 24px;
|
margin: 24px;
|
||||||
padding: 0px 32px 40px 32px;
|
padding: 0px 32px 40px 32px;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border-radius: 16px 16px 0px 0px;
|
border-radius: 16px 16px 0px 0px;
|
||||||
transition: 0.3s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.textAreaBox {
|
.textAreaBox {
|
||||||
|
@ -1,19 +1,12 @@
|
|||||||
import { View, Input, Button, Textarea } from '@tarojs/components'
|
import { View, Input, Button, Textarea } from '@tarojs/components'
|
||||||
import { useCallback, useEffect, useMemo, useRef, useState, } from 'react'
|
import { useCallback, useEffect, useMemo, useRef, useState, } from 'react'
|
||||||
import Search from '@/components/search'
|
|
||||||
import { dataLoadingStatus, getFilterData } from '@/common/util'
|
|
||||||
import styles from "./index.module.scss"
|
import styles from "./index.module.scss"
|
||||||
import classnames from "classnames";
|
import classnames from "classnames";
|
||||||
import Popup from '@/components/popup'
|
import Taro, { useDidShow } from '@tarojs/taro'
|
||||||
import InfiniteScroll from '@/components/infiniteScroll'
|
|
||||||
import Taro, { faceVerifyForPay, useDidShow } from '@tarojs/taro'
|
|
||||||
import Form from './components/form'
|
import Form from './components/form'
|
||||||
import { formatDateTime, formatHashTag, formatImgUrl, formatPriceDiv, formatWeightDiv } from '@/common/format'
|
|
||||||
import {
|
import {
|
||||||
mpcashManagementOrderpost, mpshouldCollectOrderpurchaser
|
mpcashManagementOrderpost, mpshouldCollectOrderpurchaser
|
||||||
} from "@/api/newCollection"
|
} from "@/api/newCollection"
|
||||||
import TimePicker from "@/components/timePicker"
|
|
||||||
import dayjs from 'dayjs'
|
|
||||||
import { alert } from "@/common/common"
|
import { alert } from "@/common/common"
|
||||||
import smallToBig from '@/common/money'
|
import smallToBig from '@/common/money'
|
||||||
import IconFont from '@/components/iconfont/iconfont'
|
import IconFont from '@/components/iconfont/iconfont'
|
||||||
@ -193,7 +186,7 @@ export default () => {
|
|||||||
}, [IsOpen])
|
}, [IsOpen])
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<View className={styles.addBox}>
|
<View className={classnames(IsOpen === false ? styles.addBox : styles.activeBox)}>
|
||||||
<Form
|
<Form
|
||||||
isOpen={true}
|
isOpen={true}
|
||||||
title={'客户名称'}
|
title={'客户名称'}
|
||||||
|
@ -572,4 +572,7 @@
|
|||||||
// height: calc($customTabBarHeight + env(safe-area-inset-bottom));
|
// height: calc($customTabBarHeight + env(safe-area-inset-bottom));
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
// }
|
// }
|
||||||
|
.safeBoxs {
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
}
|
}
|
@ -78,7 +78,7 @@ export default () => {
|
|||||||
item.av_product_color.map(it => {
|
item.av_product_color.map(it => {
|
||||||
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
||||||
if (val.nums === 1) {
|
if (val.nums === 1) {
|
||||||
it.isTui = false
|
// it.isTui = false
|
||||||
it.nums = 1
|
it.nums = 1
|
||||||
} else {
|
} else {
|
||||||
it.nums--
|
it.nums--
|
||||||
@ -95,6 +95,27 @@ export default () => {
|
|||||||
item.av_product_color.map(it => {
|
item.av_product_color.map(it => {
|
||||||
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
||||||
if (Number(e.detail.value) < 1) {
|
if (Number(e.detail.value) < 1) {
|
||||||
|
it.nums = ''
|
||||||
|
} else {
|
||||||
|
it.nums = Number(e.detail.value)
|
||||||
|
}
|
||||||
|
if (Number(e.detail.value) > it.roll) {
|
||||||
|
it.nums = 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return it
|
||||||
|
})
|
||||||
|
})
|
||||||
|
setListArr([...ListArr])
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
const onBlur = (e, val) => {
|
||||||
|
ListArr.forEach(item => {
|
||||||
|
item.av_product_color.map(it => {
|
||||||
|
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
||||||
|
if (Number(e.detail.value) < 1 || e.detail.value == '') {
|
||||||
|
it.isTui = false
|
||||||
it.nums = 1
|
it.nums = 1
|
||||||
} else {
|
} else {
|
||||||
it.nums = Number(e.detail.value)
|
it.nums = Number(e.detail.value)
|
||||||
@ -439,7 +460,7 @@ export default () => {
|
|||||||
obj={infoObj}
|
obj={infoObj}
|
||||||
handTui={(item) => handTui(item)}
|
handTui={(item) => handTui(item)}
|
||||||
handCancel={(item) => handCancel(item)}
|
handCancel={(item) => handCancel(item)}
|
||||||
// onBlur={(e, item) => onBlur(e, item)}
|
onBlur={(e, item) => onBlur(e, item)}
|
||||||
handReduce={(item) => handReduce(item)}
|
handReduce={(item) => handReduce(item)}
|
||||||
handAdd={(item) => handAdd(item)}
|
handAdd={(item) => handAdd(item)}
|
||||||
onInputEven={(e, item) => onInputEven(e, item)}
|
onInputEven={(e, item) => onInputEven(e, item)}
|
||||||
@ -545,7 +566,7 @@ export default () => {
|
|||||||
}
|
}
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style={{ height: '100rpx' }}></View>
|
<View className={styles.safeBoxs} ></View>
|
||||||
<View className={styles.bottomBox1}>
|
<View className={styles.bottomBox1}>
|
||||||
|
|
||||||
<Button className={styles.resetBox1} onClick={() => { handResetStatus() }}> 重置</Button >
|
<Button className={styles.resetBox1} onClick={() => { handResetStatus() }}> 重置</Button >
|
||||||
|
@ -553,4 +553,7 @@
|
|||||||
// height: calc($customTabBarHeight + env(safe-area-inset-bottom));
|
// height: calc($customTabBarHeight + env(safe-area-inset-bottom));
|
||||||
// width: 100%;
|
// width: 100%;
|
||||||
// }
|
// }
|
||||||
|
.safeBoxs {
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
}
|
}
|
@ -78,7 +78,7 @@ export default () => {
|
|||||||
item.av_product_color.map(it => {
|
item.av_product_color.map(it => {
|
||||||
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
||||||
if (val.nums === 1) {
|
if (val.nums === 1) {
|
||||||
it.isTui = false
|
// it.isTui = false
|
||||||
it.nums = 1
|
it.nums = 1
|
||||||
} else {
|
} else {
|
||||||
it.nums--
|
it.nums--
|
||||||
@ -94,7 +94,28 @@ export default () => {
|
|||||||
ListArr.forEach(item => {
|
ListArr.forEach(item => {
|
||||||
item.av_product_color.map(it => {
|
item.av_product_color.map(it => {
|
||||||
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
||||||
if (Number(e.detail.value) < 1) {
|
if (Number(e.detail.value) < 1 || e.detail.value == '') {
|
||||||
|
it.isTui = false
|
||||||
|
it.nums = 1
|
||||||
|
} else {
|
||||||
|
it.nums = Number(e.detail.value)
|
||||||
|
}
|
||||||
|
if (Number(e.detail.value) > it.roll) {
|
||||||
|
it.nums = 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return it
|
||||||
|
})
|
||||||
|
})
|
||||||
|
setListArr([...ListArr])
|
||||||
|
}
|
||||||
|
|
||||||
|
const onBlur = (e, val) => {
|
||||||
|
ListArr.forEach(item => {
|
||||||
|
item.av_product_color.map(it => {
|
||||||
|
if (it.sale_order_detail_id === val.sale_order_detail_id) {
|
||||||
|
if (Number(e.detail.value) < 1 || e.detail.value == '') {
|
||||||
|
it.isTui = false
|
||||||
it.nums = 1
|
it.nums = 1
|
||||||
} else {
|
} else {
|
||||||
it.nums = Number(e.detail.value)
|
it.nums = Number(e.detail.value)
|
||||||
@ -334,7 +355,7 @@ export default () => {
|
|||||||
obj={infoObj}
|
obj={infoObj}
|
||||||
handTui={(item) => handTui(item)}
|
handTui={(item) => handTui(item)}
|
||||||
handCancel={(item) => handCancel(item)}
|
handCancel={(item) => handCancel(item)}
|
||||||
// onBlur={(e, item) => onBlur(e, item)}
|
onBlur={(e, item) => onBlur(e, item)}
|
||||||
handReduce={(item) => handReduce(item)}
|
handReduce={(item) => handReduce(item)}
|
||||||
handAdd={(item) => handAdd(item)}
|
handAdd={(item) => handAdd(item)}
|
||||||
onInputEven={(e, item) => onInputEven(e, item)}
|
onInputEven={(e, item) => onInputEven(e, item)}
|
||||||
@ -399,7 +420,7 @@ export default () => {
|
|||||||
}
|
}
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View style={{ height: '100rpx' }}></View>
|
<View className={styles.safeBoxs} ></View>
|
||||||
<View className={styles.bottomBox1}>
|
<View className={styles.bottomBox1}>
|
||||||
|
|
||||||
<Button className={styles.resetBox1} onClick={() => { handReset() }}> 重置</Button >
|
<Button className={styles.resetBox1} onClick={() => { handReset() }}> 重置</Button >
|
||||||
|
Loading…
x
Reference in New Issue
Block a user