feat:h5样式问题

This commit is contained in:
Haiyi 2022-10-17 14:07:11 +08:00
parent 94b609039d
commit 2b00271d71
6 changed files with 61 additions and 18 deletions

View File

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

View File

@ -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={'客户名称'}

View File

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

View File

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

View File

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

View File

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