xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🎈 perf(优化所有输入框):

Browse Source
This commit is contained in:
czm 2022-11-08 13:49:57 +08:00
parent d06f4137c6
commit 812971f6b2
14 changed files with 1288 additions and 1062 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
src/components/FromList/index.tsx
View File

@ -1,61 +1,67 @@
import { Input, Text, Textarea, View } from "@tarojs/components"
import { memo } from "react"
import "./index.scss"
import { Input, Text, Textarea, View } from '@tarojs/components'
import { memo } from 'react'
import './index.scss'
interface ListParams {
label: string, //左边label
onInput?: (ev:Object)=>void, // 输入框输入
onClick?:()=>any, //点击列表
placeholder?:string, // 提示文本
children?: any, // 插槽
label: string //左边label
onInput?: (ev: Object) => void // 输入框输入
onClick?: () => any //点击列表
placeholder?: string // 提示文本
children?: any // 插槽
type?: string // 类型：1.input,2.textarea,3.select,
primordialType?: 'text' | 'number' | 'idcard' | 'digit'
value?: any,
style?: object, //整行样式
labelStyle?: object, // label样式
contentStyle?: object,
value?: any
style?: object //整行样式
labelStyle?: object // label样式
contentStyle?: object
required?: boolean
}
// 表单列表
const FromList = memo((props: ListParams) => {
const {type="input",value="",style={},labelStyle={},contentStyle={},required=false} = props;
const { type = 'input', value = '', style = {}, labelStyle = {}, contentStyle = {}, required = false } = props
return (
<View style={style} className="form-list">
<View style={labelStyle} className={`form-list-label ${required&&"form-list-label-required"}`}>{props.label}</View>
<View onClick={props?.onClick} className="form-list-right">
{
props.children??
<View style={contentStyle} onClick={props?.onClick} className="form-list-right-meet">
{
type=="input"?
<View className="form-list-input">
<Input value={value} placeholder-class="phcolor" type={props.primordialType||'text'} onInput={props?.onInput} placeholder={props.placeholder} />
{value&&
<View><Text onClick={()=>props.onInput&&props.onInput({detail: {value: ""}})} className="iconfont icon-qingkong"/></View>
}
</View>:
type=="textarea"?<Textarea value={value} placeholder-class="phcolor" onInput={props?.onInput} placeholder={props.placeholder} />:
<View style={style} className='form-list'>
<View style={labelStyle} className={`form-list-label ${required && 'form-list-label-required'}`}>
{props.label}
</View>
<View onClick={props?.onClick} className='form-list-right'>
{props.children ?? (
<View style={contentStyle} onClick={props?.onClick} className='form-list-right-meet'>
{type == 'input' ? (
<View className='form-list-input'>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={value}
placeholder-class='phcolor'
type={props.primordialType || 'text'}
onInput={props?.onInput}
placeholder={props.placeholder}
/>
{value && (
<View>
<Text onClick={() => props.onInput && props.onInput({ detail: { value: '' } })} className='iconfont icon-qingkong' />
</View>
)}
</View>
) : type == 'textarea' ? (
<Textarea value={value} placeholder-class='phcolor' onInput={props?.onInput} placeholder={props.placeholder} />
) : (
<>
{
props.value?<View>{value}</View>:
<View className="form-list-right-placeholder">
{props.placeholder}
{props.value ? <View>{value}</View> : <View className='form-list-right-placeholder'>{props.placeholder}</View>}
<View className='form-list-right-enter'>
<Text className='iconfont icon-a-moreback'></Text>
</View>
}
<View className="form-list-right-enter"><Text className="iconfont icon-a-moreback"></Text></View>
</>
}
)}
</View>
}
)}
</View>
</View>
)
})
const A = ()=>{
}
export default FromList;
const A = () => {}
export default FromList

93
src/components/FromListCertification/index.tsx
View File

@ -1,63 +1,64 @@
import { Input, Text, Textarea, View } from "@tarojs/components"
import { memo } from "react"
import "./index.scss"
import { Input, Text, Textarea, View } from '@tarojs/components'
import { memo } from 'react'
import './index.scss'
interface ListParams {
label: string, //左边label
onInput?: (ev:Object)=>void, // 输入框输入
onClick?:()=>any, //点击列表
placeholder?:string, // 提示文本
children?: any, // 插槽
label: string //左边label
onInput?: (ev: Object) => void // 输入框输入
onClick?: () => any //点击列表
placeholder?: string // 提示文本
children?: any // 插槽
type?: string // 类型：1.input,2.textarea,3.select
value?: any,
style?: object, //整行样式
labelStyle?: object, // label样式
contentStyle?: object,
required?: boolean,
showIcon?: boolean, // 是否显示右边的箭头，type=select
value?: any
style?: object //整行样式
labelStyle?: object // label样式
contentStyle?: object
required?: boolean
showIcon?: boolean // 是否显示右边的箭头，type=select
}
// 表单列表
const FromList = memo((props: ListParams) => {
const {type="input",value="",style={},labelStyle={},contentStyle={},required=false,showIcon=true} = props;
const { type = 'input', value = '', style = {}, labelStyle = {}, contentStyle = {}, required = false, showIcon = true } = props
return (
<View style={style} className="From-list-certification">
<View style={labelStyle} className={`From-list-certification-label ${required&&"From-list-certification-label-required"}`}>{props.label}</View>
<View onClick={props?.onClick} className="From-list-certification-right">
{
props.children??
<View style={contentStyle} onClick={props?.onClick} className="From-list-certification-right-meet">
{
type=="input"?
<View className="From-list-certification-input">
<Input value={value} placeholder-class="phcolor" onInput={props?.onInput} placeholder={props.placeholder} />
{value&&
<View><Text onClick={()=>props.onInput&&props.onInput({detail: {value: ""}})} className="iconfont icon-qingkong"/></View>
}
</View>:
type=="textarea"?<Textarea value={value} placeholder-class="phcolor" onInput={props?.onInput} placeholder={props.placeholder} />:
<View style={style} className='From-list-certification'>
<View style={labelStyle} className={`From-list-certification-label ${required && 'From-list-certification-label-required'}`}>
{props.label}
</View>
<View onClick={props?.onClick} className='From-list-certification-right'>
{props.children ?? (
<View style={contentStyle} onClick={props?.onClick} className='From-list-certification-right-meet'>
{type == 'input' ? (
<View className='From-list-certification-input'>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={value}
placeholder-class='phcolor'
onInput={props?.onInput}
placeholder={props.placeholder}
/>
{value && (
<View>
<Text onClick={() => props.onInput && props.onInput({ detail: { value: '' } })} className='iconfont icon-qingkong' />
</View>
)}
</View>
) : type == 'textarea' ? (
<Textarea value={value} placeholder-class='phcolor' onInput={props?.onInput} placeholder={props.placeholder} />
) : (
<>
{
props.value?<View>{value}</View>:
<View className="From-list-certification-right-placeholder">
{props.placeholder}
</View>
}
<View className="From-list-certification-right-enter">
{showIcon&&<Text className="iconfont icon-a-moreback"></Text>}
</View>
{props.value ? <View>{value}</View> : <View className='From-list-certification-right-placeholder'>{props.placeholder}</View>}
<View className='From-list-certification-right-enter'>{showIcon && <Text className='iconfont icon-a-moreback'></Text>}</View>
</>
}
)}
</View>
}
)}
</View>
</View>
)
})
const A = ()=>{
}
export default FromList;
const A = () => {}
export default FromList

45
src/components/counter/index.tsx
View File

@ -1,18 +1,18 @@
import { Input, View } from "@tarojs/components"
import { useEffect, useMemo, useRef, useState } from "react"
import { Input, View } from '@tarojs/components'
import { useEffect, useMemo, useRef, useState } from 'react'
import Big from 'big.js'
import styles from "./index.module.scss"
import styles from './index.module.scss'
type params = {
minNum?: number, //最小值
maxNum?: number, //最大值
step?: number, //步长
defaultNum?: number, //默认值
minNum?: number //最小值
maxNum?: number //最大值
step?: number //步长
defaultNum?: number //默认值
digits?: number //多少位小数
onChange?:(val:number) => void,
onBlue?:(val:number) => void, //失去焦点触发
onClickBtn?:(val:number) => void,
unit?: string,
disable?: true|false, //是否禁用
onChange?: (val: number) => void
onBlue?: (val: number) => void //失去焦点触发
onClickBtn?: (val: number) => void
unit?: string
disable?: true | false //是否禁用
}
export default ({ minNum = 0, maxNum = 10000, step = 1, digits = 0, defaultNum = 0, onChange, onBlue, onClickBtn, unit = '', disable = false }: params) => {
const [value, setValue] = useState<any>({ count: defaultNum })
@ -57,14 +57,12 @@ export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0,
return val
}
const onInputEven = (e) => {
let res = e.detail.value
if (res === '') {
setValue({ ...value, count: minNum })
onChange?.(minNum)
}
else if(!isNaN(Number(res))) {
} else if (!isNaN(Number(res))) {
let count = formatDigits(res)
count = checkData(count)
setValue({ ...value, count })
@ -80,7 +78,6 @@ export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0,
setValue({ ...value, count: defaultNum })
onChange?.(defaultNum)
}
}
}
@ -98,18 +95,16 @@ export default ({minNum = 0, maxNum = 10000, step=1, digits = 0, defaultNum = 0,
}
return (
<View className={styles.main}>
<View className={styles.reduce} onClick={() => minus()}>-</View>
<View className={styles.reduce} onClick={() => minus()}>
-
</View>
<View className={styles.input}>
<Input
value={String(value.count)}
onInput={onInputEven}
onBlur={onBluerEven}
type='digit'
disabled={disable}
/>
<Input value={String(value.count)} onInput={onInputEven} onBlur={onBluerEven} type='digit' disabled={disable} alwaysEmbed={true} cursorSpacing={150} />
<View className={styles.unit}>{unit}</View>
</View>
<View className={styles.plus} onClick={() => onPlus()}>+</View>
<View className={styles.plus} onClick={() => onPlus()}>
+
</View>
</View>
)
}

40
src/components/counter/index1.tsx
View File

@ -1,16 +1,16 @@
import { Input, View } from "@tarojs/components"
import { useEffect, useMemo, useRef, useState } from "react"
import { Input, View } from '@tarojs/components'
import { useEffect, useMemo, useRef, useState } from 'react'
import Big from 'big.js'
import styles from "./index.module.scss"
import styles from './index.module.scss'
type params = {
minNum?: number, //最小值
maxNum?: number, //最大值
step?: number, //步长
defaultNum?: number, //默认值
minNum?: number //最小值
maxNum?: number //最大值
step?: number //步长
defaultNum?: number //默认值
digits?: number //多少位小数
onChange?:(val:number) => void,
onBlue?:(val:number) => void, //失去焦点触发
onClickBtn?:(val:number) => void,
onChange?: (val: number) => void
onBlue?: (val: number) => void //失去焦点触发
onClickBtn?: (val: number) => void
unit?: string
}
export default ({ minNum = 0, maxNum = 100, step = 1, digits = 0, defaultNum = 0, onChange, onBlue, onClickBtn, unit = '' }: params) => {
@ -54,14 +54,12 @@ export default ({minNum = 0, maxNum = 100, step=1, digits = 0, defaultNum = 0, o
return val
}
const onInputEven = (e) => {
let res = e.detail.value
if (res === '') {
setValue({ ...value, count: minNum })
onChange?.(minNum)
}
else if(!isNaN(Number(res))) {
} else if (!isNaN(Number(res))) {
let count = formatDigits(res)
count = checkData(count)
setValue({ ...value, count })
@ -77,7 +75,6 @@ export default ({minNum = 0, maxNum = 100, step=1, digits = 0, defaultNum = 0, o
setValue({ ...value, count: defaultNum })
onChange?.(defaultNum)
}
}
}
@ -95,17 +92,16 @@ export default ({minNum = 0, maxNum = 100, step=1, digits = 0, defaultNum = 0, o
}
return (
<View className={styles.main}>
<View className={styles.reduce} onClick={() => minus()}>-</View>
<View className={styles.reduce} onClick={() => minus()}>
-
</View>
<View className={styles.input}>
<Input
value={String(value.count)}
onInput={onInputEven}
onBlur={onBluerEven}
type='digit'
/>
<Input value={String(value.count)} onInput={onInputEven} onBlur={onBluerEven} type='digit' alwaysEmbed={true} cursorSpacing={150} />
<View className={styles.unit}>{unit}</View>
</View>
<View className={styles.plus} onClick={() => onPlus()}>+</View>
<View className={styles.plus} onClick={() => onPlus()}>
+
</View>
</View>
)
}

58
src/components/filter/index.tsx
View File

@ -1,9 +1,9 @@
import { GetProductKindListApi } from "@/api/material";
import Popup, {Params as PopuParams} from "@/components/popup"
import { Input, ScrollView, Text, Textarea, View } from "@tarojs/components"
import { useDidShow } from "@tarojs/taro";
import classnames from "classnames";
import { memo, useEffect, useRef, useState } from "react";
import { GetProductKindListApi } from '@/api/material'
import Popup, { Params as PopuParams } from '@/components/popup'
import { Input, ScrollView, Text, Textarea, View } from '@tarojs/components'
import { useDidShow } from '@tarojs/taro'
import classnames from 'classnames'
import { memo, useEffect, useRef, useState } from 'react'
import styles from './index.module.scss'
type params = {
@ -11,7 +11,6 @@ type params = {
onRest?: (val: Object) => void //重置
} & PopuParams
export default memo(({ onClose, onFiltr, show = false, onRest }: params) => {
//搜索条件
const [filterObj, setFilterObj] = useState({
seriesName: '',
@ -71,7 +70,7 @@ export default memo(({onClose, onFiltr, show = false, onRest}:params) => {
}
return (
<Popup position="right" show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<Popup position='right' show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<View className={styles.popup_main}>
<View className={styles.popup_title}>全部筛选</View>
<ScrollView scrollY className={styles.scroll}>
@ -79,37 +78,66 @@ export default memo(({onClose, onFiltr, show = false, onRest}:params) => {
<View className={styles.popup_filter_item}>
<View className={styles.title}>系列</View>
<View className={styles.btn_list}>
{kindList.map(item => <View key={item.id} onClick={() => changeKind(item)} className={classnames(styles.btn_item, (filterObj.seriesId == item.id)&&styles.select_btn_item)}>{item.name}</View>)}
{kindList.map((item) => (
<View
key={item.id}
onClick={() => changeKind(item)}
className={classnames(styles.btn_item, filterObj.seriesId == item.id && styles.select_btn_item)}>
{item.name}
</View>
))}
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>幅宽</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input value={filterObj.width} onBlur={(e) => setFieldData(e,'width')} placeholder="请输入幅宽" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={filterObj.width}
onBlur={(e) => setFieldData(e, 'width')}
placeholder='请输入幅宽'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>cm</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>克重</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input value={filterObj.weight} onBlur={(e) => setFieldData(e,'weight')} placeholder="请输入克重" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
value={filterObj.weight}
alwaysEmbed={true}
cursorSpacing={150}
onBlur={(e) => setFieldData(e, 'weight')}
placeholder='请输入克重'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>kg</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>成分</View>
<View className={styles.btn_list_element}>
<Textarea placeholder="请输入" cursorSpacing={60} value={filterObj.element} onInput={(e) => setFieldData(e, 'element')}/>
<Textarea placeholder='请输入' cursorSpacing={60} value={filterObj.element} onInput={(e) => setFieldData(e, 'element')} />
</View>
</View>
<View className="common_safe_area_y"></View>
<View className='common_safe_area_y'></View>
</View>
</ScrollView>
<View className={styles.btns_con}>
<View className={styles.btns_two}>
<View className={styles.rest_btn} onClick={() => onRestEven()}>重置</View>
<View className={styles.verify_btn } onClick={() => onVerify()}>确认</View>
<View className={styles.rest_btn} onClick={() => onRestEven()}>
重置
</View>
<View className={styles.verify_btn} onClick={() => onVerify()}>
确认
</View>
</View>
</View>
</View>

78
src/components/filterV2/index.tsx
View File

@ -1,16 +1,15 @@
import { GetProductKindListApi } from "@/api/material";
import Popup, {Params as PopuParams} from "@/components/popup"
import { Input, ScrollView, Text, Textarea, View } from "@tarojs/components"
import { useDidShow } from "@tarojs/taro";
import classnames from "classnames";
import { useEffect, useState } from "react";
import { GetProductKindListApi } from '@/api/material'
import Popup, { Params as PopuParams } from '@/components/popup'
import { Input, ScrollView, Text, Textarea, View } from '@tarojs/components'
import { useDidShow } from '@tarojs/taro'
import classnames from 'classnames'
import { useEffect, useState } from 'react'
import styles from './index.module.scss'
type params = {
onFiltr?: (val: object) => void
} & PopuParams
export default ({ onClose, onFiltr, show = false }: params) => {
//搜索条件
const [filterObj, setFilterObj] = useState({
seriesId: '',
@ -18,7 +17,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
maxWidth: '',
minWeight: '',
maxWeight: '',
element: ''
element: '',
})
//获取系列
@ -49,7 +48,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
maxWidth: '',
minWeight: '',
maxWeight: '',
element: ''
element: '',
})
}
useEffect(() => {
@ -77,8 +76,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
setFilterObj({ ...filterObj, element: res })
}
return (
<Popup position="right" show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<Popup position='right' show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<View className={styles.popup_main}>
<View className={styles.popup_title}>全部筛选</View>
<ScrollView scrollY className={styles.scroll}>
@ -86,43 +84,83 @@ export default ({onClose, onFiltr, show = false}:params) => {
<View className={styles.popup_filter_item}>
<View className={styles.title}>系列</View>
<View className={styles.btn_list}>
{kindList.map(item => <View key={item.id} onClick={() => changeKind(item)} className={classnames(styles.btn_item, (filterObj.seriesId == item.id)&&styles.select_btn_item)}>{item.name}</View>)}
{kindList.map((item) => (
<View
key={item.id}
onClick={() => changeKind(item)}
className={classnames(styles.btn_item, filterObj.seriesId == item.id && styles.select_btn_item)}>
{item.name}
</View>
))}
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>幅宽</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input value={filterObj.minWidth} type="digit" onBlur={(e) => setNumber(e,'minWidth')} placeholder="请输入幅宽" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={filterObj.minWidth}
type='digit'
onBlur={(e) => setNumber(e, 'minWidth')}
placeholder='请输入幅宽'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>cm</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>克重</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input type="digit" value={filterObj.minWeight} onBlur={(e) => setNumber(e,'minWeight')} placeholder="自定义最低值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
type='digit'
value={filterObj.minWeight}
onBlur={(e) => setNumber(e, 'minWeight')}
placeholder='自定义最低值'
placeholderStyle='font-size: 26rpx'
alwaysEmbed={true}
cursorSpacing={150}
/>
</View>
<Text>—</Text>
<View className={styles.btn_width}><Input type="digit" value={filterObj.maxWeight} onBlur={(e) => setNumber(e,'maxWeight')} placeholder="自定义最高值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
type='digit'
value={filterObj.maxWeight}
onBlur={(e) => setNumber(e, 'maxWeight')}
placeholder='自定义最高值'
placeholderStyle='font-size: 26rpx'
alwaysEmbed={true}
cursorSpacing={150}
/>
</View>
<View className={styles.unit}>g</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>成分</View>
<View className={styles.btn_list_element}>
<Textarea placeholder="请输入" cursorSpacing={60} value={filterObj.element} onInput={(e) => setElement(e)}/>
<Textarea placeholder='请输入' cursorSpacing={60} value={filterObj.element} onInput={(e) => setElement(e)} />
</View>
</View>
<View className="common_safe_area_y"></View>
<View className='common_safe_area_y'></View>
</View>
</ScrollView>
<View className={styles.btns_con}>
<View className={styles.btns_two}>
<View className={styles.rest_btn} onClick={() => onRest()}>重置</View>
<View className={styles.verify_btn } onClick={() => onVerify()}>确认</View>
<View className={styles.rest_btn} onClick={() => onRest()}>
重置
</View>
<View className={styles.verify_btn} onClick={() => onVerify()}>
确认
</View>
</View>
</View>
</View>
</Popup>
)
}

80
src/components/search/index.tsx
View File

@ -1,26 +1,29 @@
import { Input, View } from "@tarojs/components";
import styles from "./index.module.scss"
import CloseBtn from "@/components/closeBtn"
import classnames from "classnames";
import { debounce } from "@/common/util";
import { forwardRef, memo, useEffect, useImperativeHandle, useRef, useState } from "react";
import { Input, View } from '@tarojs/components'
import styles from './index.module.scss'
import CloseBtn from '@/components/closeBtn'
import classnames from 'classnames'
import { debounce } from '@/common/util'
import { forwardRef, memo, useEffect, useImperativeHandle, useRef, useState } from 'react'
type Params = {
clickOnSearch?: (val: string) => void
disabled?: false|true,
placeholder?: string,
changeOnSearch?:(any) => void,
showIcon?: false|true,
placeIcon?: 'out'|'inner',
style?: Object,
showBtn?: false|true,
btnStyle?: Object,
btnTitle?: string,
disabled?: false | true
placeholder?: string
changeOnSearch?: (any) => void
showIcon?: false | true
placeIcon?: 'out' | 'inner'
style?: Object
showBtn?: false | true
btnStyle?: Object
btnTitle?: string
debounceTime?: number //防抖时间，不设默认为零
defaultValue?: string
}
export default memo(forwardRef(({
export default memo(
forwardRef(
(
{
clickOnSearch, //点击筛选按钮触发
changeOnSearch, //输入文字触发
disabled = false, //是否禁用
@ -31,8 +34,10 @@ export default memo(forwardRef(({
placeIcon = 'inner', //搜索图标位置：inner在里面，out在外面
btnTitle = '搜索', //搜索文字
debounceTime = 0, //防抖时间，不设默认为零
defaultValue = '' //默认值
}:Params, ref) => {
defaultValue = '', //默认值
}: Params,
ref,
) => {
const [inputCon, setInputCon] = useState('')
const debounceTimeRef = useRef(0)
useEffect(() => {
@ -49,7 +54,7 @@ export default memo(forwardRef(({
}
useImperativeHandle(ref, () => ({
clearInput
clearInput,
}))
const clearInput = () => {
@ -70,14 +75,39 @@ export default memo(forwardRef(({
<>
<View className={styles.search_main}>
<View className={styles.search_con}>
{showIcon&&<View className={classnames('iconfont', 'icon-sousuo', styles.icon_a_sousuo1_self, placeIcon=='inner'?styles.icon_inner:styles.icon_out)}></View>}
<Input placeholderStyle='color:#ABABAB; font-size:26rpx' onConfirm={onSearch} className={classnames(placeIcon=='out'&&styles.input_out)} disabled={disabled} value={inputCon} placeholder={placeholder} onInput={(e) => onInputEven(e)}></Input>
{!!inputCon&&<View className={styles.search_closeBtn}>
{showIcon && (
<View
className={classnames(
'iconfont',
'icon-sousuo',
styles.icon_a_sousuo1_self,
placeIcon == 'inner' ? styles.icon_inner : styles.icon_out,
)}></View>
)}
<Input
alwaysEmbed={true}
cursorSpacing={150}
placeholderStyle='color:#ABABAB; font-size:26rpx'
onConfirm={onSearch}
className={classnames(placeIcon == 'out' && styles.input_out)}
disabled={disabled}
value={inputCon}
placeholder={placeholder}
onInput={(e) => onInputEven(e)}></Input>
{!!inputCon && (
<View className={styles.search_closeBtn}>
<CloseBtn onClose={() => clearInput()} styleObj={{ width: '20rpx', height: '20rpx', backgroundColor: '#fff', border: '0' }} />
</View>}
</View>
{showBtn&&<View style={btnStyle} className={styles.btn} onClick = {onSearch}>{btnTitle}</View>}
)}
</View>
{showBtn && (
<View style={btnStyle} className={styles.btn} onClick={onSearch}>
{btnTitle}
</View>
)}
</View>
</>
)
}))
},
),
)

48
src/components/searchInput/index.tsx
View File

@ -1,21 +1,20 @@
import { Input, View } from "@tarojs/components";
import { memo, ReactHTMLElement, ReactNode, useDebugValue, useMemo } from "react";
import styles from './index.module.scss';
import { Input, View } from '@tarojs/components'
import { memo, ReactHTMLElement, ReactNode, useDebugValue, useMemo } from 'react'
import styles from './index.module.scss'
type Params = {
showIcon?: false|true,
disabled?: false|true,
placeholder?: string,
title?: string,
showTitle?: false|true,
showBorder?: false|true,
changeOnInput?: (string) => void,
clickOnInput?: () => void,
showIcon?: false | true
disabled?: false | true
placeholder?: string
title?: string
showTitle?: false | true
showBorder?: false | true
changeOnInput?: (string) => void
clickOnInput?: () => void
children?: ReactNode
height?: string,
titleStyle?: Object,
height?: string
titleStyle?: Object
styleObj?: Object
}
export default memo((props: Params) => {
@ -29,7 +28,7 @@ export default memo((props: Params) => {
changeOnInput,
clickOnInput,
height = '80rpx',
titleStyle = {}
titleStyle = {},
} = props
let stylen = useMemo(() => {
@ -40,11 +39,22 @@ export default memo((props: Params) => {
}, [showBorder])
return (
<View className={styles.searchInput_main} style={{ height: height, ...stylen }}>
{showTitle&&<View className={styles.searchInput_title} style={titleStyle}>{title}</View>}
{showTitle && (
<View className={styles.searchInput_title} style={titleStyle}>
{title}
</View>
)}
<View className={styles.searchInput_con}>
{!props.children&&<Input disabled={disabled} placeholder={placeholder} onClick={() => clickOnInput?.()} onInput={(e) => changeOnInput?.(e.detail.value)}/>
||<>{props.children}</>
}
{(!props.children && (
<Input
alwaysEmbed={true}
cursorSpacing={150}
disabled={disabled}
placeholder={placeholder}
onClick={() => clickOnInput?.()}
onInput={(e) => changeOnInput?.(e.detail.value)}
/>
)) || <>{props.children}</>}
</View>
{showIcon && <View className={`iconfont icon-jiantou ${styles.icon_more_self}`}></View>}
</View>

51
src/pages/bindSalesman/index.tsx
View File

@ -1,15 +1,15 @@
import { Image, Input, Text, View } from '@tarojs/components'
import styles from './index.module.scss'
import useLogin from '@/use/useLogin'
import classnames from "classnames";
import classnames from 'classnames'
import { formatImgUrl } from '@/common/fotmat'
import { useEffect, useMemo, useRef, useState } from 'react';
import { alert } from '@/common/common';
import CloseBtn from '@/components/closeBtn';
import SuccessBind from './component/successBind';
import Taro, { useDidShow } from "@tarojs/taro";
import { BindInvitationInfoApi, GetInvitationInfoApi } from '@/api/user';
import { debounce, getFilterData, throttle } from '@/common/util';
import { useEffect, useMemo, useRef, useState } from 'react'
import { alert } from '@/common/common'
import CloseBtn from '@/components/closeBtn'
import SuccessBind from './component/successBind'
import Taro, { useDidShow } from '@tarojs/taro'
import { BindInvitationInfoApi, GetInvitationInfoApi } from '@/api/user'
import { debounce, getFilterData, throttle } from '@/common/util'
export default () => {
useLogin()
@ -22,7 +22,7 @@ export default () => {
})
//获取业务员信息
type Param = {invitation_code: string, name: string, phone: string}
type Param = { invitation_code: string; name: string; phone: string }
const [salesMan, setSalesMan] = useState<Param | null>(null)
const { fetchData: GetInvitationInfoFetchData } = GetInvitationInfoApi()
const getInvitationInfo = async () => {
@ -30,12 +30,11 @@ export default () => {
res.success ? setSalesMan(res.data) : setSalesMan(null)
}
useEffect(() => {
if(submitData.invitation_code.length === 4)
getInvitationInfo()
if (submitData.invitation_code.length === 4) getInvitationInfo()
}, [submitData])
const onInputCode = (e) => {
const value = e.detail.value.replace(/[\W]/g, "")
const value = e.detail.value.replace(/[\W]/g, '')
setSubmitData((val) => ({ ...val, invitation_code: value }))
}
@ -57,7 +56,7 @@ export default () => {
Taro.scanCode({
success: (res) => {
setSubmitData(() => ({ invitation_code: res.result }))
}
},
})
}
@ -67,17 +66,25 @@ export default () => {
success: function (res) {
let val = res.data.match(/InviteCode:([a-zA-Z0-9]{4})/)
if (val) setSubmitData((e) => ({ ...e, invitation_code: val ? val[1] : '' }))
}
},
})
}
return (
<View className={styles.bindSalesmanPage_main}>
<View className={styles.header_image}>
<Image src={formatImgUrl('/mall/invite_code_bg.png')} mode="aspectFill"/>
<Image src={formatImgUrl('/mall/invite_code_bg.png')} mode='aspectFill' />
</View>
<View className={styles.inputCode}>
<Input maxlength={4} value={submitData.invitation_code} placeholder='请输入邀请码' onInput={onInputCode} type="text" />
<Input
alwaysEmbed={true}
cursorSpacing={150}
maxlength={4}
value={submitData.invitation_code}
placeholder='请输入邀请码'
onInput={onInputCode}
type='text'
/>
<View className={styles.close_btn}>
{submitData.invitation_code && <CloseBtn styleObj={{ backgroundColor: '#ccc', color: '#fff' }} onClose={oncloseEven} />}
</View>
@ -85,8 +92,15 @@ export default () => {
<Text className={classnames('iconfont icon-saomazhifu', styles.miconfont)}></Text>
</View>
</View>
{salesMan&&<View className={styles.salesman_name}><Text>邀请人:</Text><Text>{`${salesMan.name} (${salesMan.phone})`}</Text></View>}
<View className={classnames(styles.btns, salesMan&&styles.select_btns)} onClick={onSubmit}>提交</View>
{salesMan && (
<View className={styles.salesman_name}>
<Text>邀请人:</Text>
<Text>{`${salesMan.name} (${salesMan.phone})`}</Text>
</View>
)}
<View className={classnames(styles.btns, salesMan && styles.select_btns)} onClick={onSubmit}>
提交
</View>
<View className={styles.message}>
<Text>温馨提示</Text>
<Text>1. 新用户授权手机号码后，7天内可以输入邀请码，超过时间不能输入。</Text>
@ -97,4 +111,3 @@ export default () => {
</View>
)
}

77
src/pages/classList/components/filter/index.tsx
View File

@ -1,7 +1,7 @@
import Popup, {Params as PopuParams} from "@/components/popup"
import { Input, ScrollView, Text, Textarea, View } from "@tarojs/components"
import classnames from "classnames";
import { useEffect, useState } from "react";
import Popup, { Params as PopuParams } from '@/components/popup'
import { Input, ScrollView, Text, Textarea, View } from '@tarojs/components'
import classnames from 'classnames'
import { useEffect, useState } from 'react'
import styles from './index.module.scss'
type params = {
@ -14,8 +14,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
maxWidth: '',
minWeight: '',
maxWeight: '',
element: ''
element: '',
})
const onCloseEven = () => {
onClose?.()
@ -28,7 +27,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
maxWidth: '',
minWeight: '',
maxWeight: '',
element: ''
element: '',
})
}
useEffect(() => {
@ -56,8 +55,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
setFilterObj({ ...filterObj, element: res })
}
return (
<Popup position="right" show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<Popup position='right' show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<View className={styles.popup_main}>
<View className={styles.popup_title}>全部筛选</View>
@ -77,39 +75,82 @@ export default ({onClose, onFiltr, show = false}:params) => {
<View className={styles.popup_filter_item}>
<View className={styles.title}>幅宽</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input value={filterObj.minWidth} type="digit" onBlur={(e) => setNumber(e,'minWidth')} placeholder="自定义最低值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={filterObj.minWidth}
type='digit'
onBlur={(e) => setNumber(e, 'minWidth')}
placeholder='自定义最低值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<Text>—</Text>
<View className={styles.btn_width}><Input value={filterObj.maxWidth} type="digit" onBlur={(e) => setNumber(e,'maxWidth')} placeholder="自定义最高值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={filterObj.maxWidth}
type='digit'
onBlur={(e) => setNumber(e, 'maxWidth')}
placeholder='自定义最高值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>cm</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>克重</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input type="digit" value={filterObj.minWeight} onBlur={(e) => setNumber(e,'minWeight')} placeholder="自定义最低值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
type='digit'
value={filterObj.minWeight}
onBlur={(e) => setNumber(e, 'minWeight')}
placeholder='自定义最低值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<Text>—</Text>
<View className={styles.btn_width}><Input type="digit" value={filterObj.maxWeight} onBlur={(e) => setNumber(e,'maxWeight')} placeholder="自定义最高值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
type='digit'
value={filterObj.maxWeight}
onBlur={(e) => setNumber(e, 'maxWeight')}
placeholder='自定义最高值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>g</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>成分</View>
<View className={styles.btn_list_element}>
<Textarea placeholder="请输入" cursorSpacing={60} value={filterObj.element} onInput={(e) => setElement(e)}/>
<Textarea placeholder='请输入' cursorSpacing={60} value={filterObj.element} onInput={(e) => setElement(e)} />
</View>
</View>
<View className="common_safe_area_y"></View>
<View className='common_safe_area_y'></View>
</View>
</ScrollView>
<View className={styles.btns_con}>
<View className={styles.btns_two}>
<View className={styles.rest_btn} onClick={() => onRest()}>重置</View>
<View className={styles.verify_btn } onClick={() => onVerify()}>确认</View>
<View className={styles.rest_btn} onClick={() => onRest()}>
重置
</View>
<View className={styles.verify_btn} onClick={() => onVerify()}>
确认
</View>
</View>
</View>
</View>
</Popup>
)
}

1
src/pages/collection/components/createPopup/index.tsx
View File

@ -48,7 +48,6 @@ export default memo(({ show = false, onClose, onSuccess, defaultValue }: ReasonI
placeholder='请输入文件夹名称'
className={styles.input}
alwaysEmbed={true}
// adjustPosition={true}
cursorSpacing={100}
onInput={changeInput}
value={defaultValue?.name}

43
src/pages/details/components/counter/index.tsx
View File

@ -1,23 +1,22 @@
import { Input, View } from "@tarojs/components"
import { useEffect, useMemo, useRef, useState } from "react"
import { Input, View } from '@tarojs/components'
import { useEffect, useMemo, useRef, useState } from 'react'
import Big from 'big.js'
import styles from "./index.module.scss"
import styles from './index.module.scss'
type params = {
minNum?: number, //最小值
maxNum?: number, //最大值
step?: number, //步长
defaultNum?: number, //默认值
minNum?: number //最小值
maxNum?: number //最大值
step?: number //步长
defaultNum?: number //默认值
digits?: number //多少位小数
onChange?:(val: number, obj?: any) => void,
onBlue?:(val:number, obj?: any) => void, //失去焦点触发
onClickBtn?:(val:number, obj?: any) => void,
unit?: string,
onChange?: (val: number, obj?: any) => void
onBlue?: (val: number, obj?: any) => void //失去焦点触发
onClickBtn?: (val: number, obj?: any) => void
unit?: string
otherData?: any
}
export default ({ minNum = 0, maxNum = 100, step = 1, digits = 0, defaultNum = 0, onChange, onBlue, onClickBtn, unit = '', otherData }: params) => {
const [value, setValue] = useState<any>({ count: defaultNum })
const onPlus = () => {
let { count } = value
let num_res = Big(count).add(step).toNumber()
@ -56,14 +55,12 @@ export default ({minNum = 0, maxNum = 100, step=1, digits = 0, defaultNum = 0, o
return val
}
const onInputEven = (e) => {
let res = e.detail.value
if (res === '') {
setValue({ ...value, count: minNum })
onChange?.(minNum, otherData)
}
else if(!isNaN(Number(res))) {
} else if (!isNaN(Number(res))) {
let count = formatDigits(res)
count = checkData(count)
setValue({ ...value, count })
@ -79,7 +76,6 @@ export default ({minNum = 0, maxNum = 100, step=1, digits = 0, defaultNum = 0, o
setValue({ ...value, count: defaultNum })
onChange?.(defaultNum, otherData)
}
}
}
@ -97,17 +93,16 @@ export default ({minNum = 0, maxNum = 100, step=1, digits = 0, defaultNum = 0, o
}
return (
<View className={styles.main}>
<View className={styles.reduce} onClick={() => minus()}>-</View>
<View className={styles.reduce} onClick={() => minus()}>
-
</View>
<View className={styles.input}>
<Input
value={String(value.count)}
onInput={onInputEven}
onBlur={onBluerEven}
type='digit'
/>
<Input value={String(value.count)} onInput={onInputEven} onBlur={onBluerEven} type='digit' alwaysEmbed={true} cursorSpacing={150} />
<View className={styles.unit}>{unit}</View>
</View>
<View className={styles.plus} onClick={() => onPlus()}>+</View>
<View className={styles.plus} onClick={() => onPlus()}>
+
</View>
</View>
)
}

77
src/pages/subjectList/components/filter/index.tsx
View File

@ -1,7 +1,7 @@
import Popup, {Params as PopuParams} from "@/components/popup"
import { Input, ScrollView, Text, Textarea, View } from "@tarojs/components"
import classnames from "classnames";
import { useEffect, useState } from "react";
import Popup, { Params as PopuParams } from '@/components/popup'
import { Input, ScrollView, Text, Textarea, View } from '@tarojs/components'
import classnames from 'classnames'
import { useEffect, useState } from 'react'
import styles from './index.module.scss'
type params = {
@ -14,8 +14,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
maxWidth: '',
minWeight: '',
maxWeight: '',
element: ''
element: '',
})
const onCloseEven = () => {
onClose?.()
@ -28,7 +27,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
maxWidth: '',
minWeight: '',
maxWeight: '',
element: ''
element: '',
})
}
useEffect(() => {
@ -56,8 +55,7 @@ export default ({onClose, onFiltr, show = false}:params) => {
setFilterObj({ ...filterObj, element: res })
}
return (
<Popup position="right" show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<Popup position='right' show={show} showTitle={false} onClose={() => onCloseEven()} showIconButton={true}>
<View className={styles.popup_main}>
<View className={styles.popup_title}>全部筛选</View>
@ -77,39 +75,82 @@ export default ({onClose, onFiltr, show = false}:params) => {
<View className={styles.popup_filter_item}>
<View className={styles.title}>幅宽</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input value={filterObj.minWidth} type="digit" onBlur={(e) => setNumber(e,'minWidth')} placeholder="自定义最低值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={filterObj.minWidth}
type='digit'
onBlur={(e) => setNumber(e, 'minWidth')}
placeholder='自定义最低值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<Text>—</Text>
<View className={styles.btn_width}><Input value={filterObj.maxWidth} type="digit" onBlur={(e) => setNumber(e,'maxWidth')} placeholder="自定义最高值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
value={filterObj.maxWidth}
type='digit'
onBlur={(e) => setNumber(e, 'maxWidth')}
placeholder='自定义最高值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>cm</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>克重</View>
<View className={styles.btn_list_input}>
<View className={styles.btn_width}><Input type="digit" value={filterObj.minWeight} onBlur={(e) => setNumber(e,'minWeight')} placeholder="自定义最低值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
type='digit'
value={filterObj.minWeight}
onBlur={(e) => setNumber(e, 'minWeight')}
placeholder='自定义最低值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<Text>—</Text>
<View className={styles.btn_width}><Input type="digit" value={filterObj.maxWeight} onBlur={(e) => setNumber(e,'maxWeight')} placeholder="自定义最高值" placeholderStyle="font-size: 26rpx"/></View>
<View className={styles.btn_width}>
<Input
alwaysEmbed={true}
cursorSpacing={150}
type='digit'
value={filterObj.maxWeight}
onBlur={(e) => setNumber(e, 'maxWeight')}
placeholder='自定义最高值'
placeholderStyle='font-size: 26rpx'
/>
</View>
<View className={styles.unit}>g</View>
</View>
</View>
<View className={styles.popup_filter_item}>
<View className={styles.title}>成分</View>
<View className={styles.btn_list_element}>
<Textarea placeholder="请输入" cursorSpacing={60} value={filterObj.element} onInput={(e) => setElement(e)}/>
<Textarea placeholder='请输入' cursorSpacing={60} value={filterObj.element} onInput={(e) => setElement(e)} />
</View>
</View>
<View className="common_safe_area_y"></View>
<View className='common_safe_area_y'></View>
</View>
</ScrollView>
<View className={styles.btns_con}>
<View className={styles.btns_two}>
<View className={styles.rest_btn} onClick={() => onRest()}>重置</View>
<View className={styles.verify_btn } onClick={() => onVerify()}>确认</View>
<View className={styles.rest_btn} onClick={() => onRest()}>
重置
</View>
<View className={styles.verify_btn} onClick={() => onVerify()}>
确认
</View>
</View>
</View>
</View>
</Popup>
)
}

135
src/pages/weightListAdd/index.tsx
View File

@ -1,28 +1,27 @@
import FromList from "@/components/FromList"
import { Button, Input, Text, Textarea, View } from "@tarojs/components"
import Taro, { setNavigationBarTitle, useRouter } from "@tarojs/taro"
import {weightAddApi, weightDetailApi,weightEditApi} from "@/api/weightList"
import { useEffect, useState } from "react"
import { alert, retrieval } from "@/common/common"
import "./index.scss"
import useLogin from "@/use/useLogin"
import FromList from '@/components/FromList'
import { Button, Input, Text, Textarea, View } from '@tarojs/components'
import Taro, { setNavigationBarTitle, useRouter } from '@tarojs/taro'
import { weightAddApi, weightDetailApi, weightEditApi } from '@/api/weightList'
import { useEffect, useState } from 'react'
import { alert, retrieval } from '@/common/common'
import './index.scss'
import useLogin from '@/use/useLogin'
export default () => {
useLogin()
const {type,id} = useRouter().params;
const { type, id } = useRouter().params
useEffect(() => {
if(type=="add"){
setNavigationBarTitle({title:"添加码单信息"})
if (type == 'add') {
setNavigationBarTitle({ title: '添加码单信息' })
} else {
initalFormData();
setNavigationBarTitle({title:"修改码单信息"})
initalFormData()
setNavigationBarTitle({ title: '修改码单信息' })
}
},[]);
}, [])
// 获取编辑码单信息
const { fetchData: getFromData } = weightDetailApi()
const initalFormData = async () => {
const detail = await getFromData({id});
const detail = await getFromData({ id })
setFormData({
title: detail.data.title,
purchaser_name: detail.data.purchaser_name,
@ -33,74 +32,108 @@ export default ()=>{
}
// 保存
const [formData, setFormData] = useState({
title: "",
purchaser_name: "",
phone: "",
title: '',
purchaser_name: '',
phone: '',
is_default: false,
id: 0
id: 0,
})
const rules = {
title: [{
message: "请输入抬头"
}],
purchaser_name: [{
message: "请输入客户名称"
}],
phone: [{
message: "请输入正确的电话号码", regex: /^1[3|5|6|9|2|8|7]\d{9}$/
}]
title: [
{
message: '请输入抬头',
},
],
purchaser_name: [
{
message: '请输入客户名称',
},
],
phone: [
{
message: '请输入正确的电话号码',
regex: /^1[3|5|6|9|2|8|7]\d{9}$/,
},
],
}
const { fetchData } = weightAddApi()
const { fetchData: editFetch } = weightEditApi()
const handleSave = () => {
retrieval(formData, rules).then(async ()=>{
const result = type=="add"?await fetchData({
retrieval(formData, rules)
.then(async () => {
const result =
type == 'add'
? await fetchData({
title: formData.title,
purchaser_name: formData.purchaser_name,
phone: formData.phone,
is_default: formData.is_default,
}):await editFetch({
})
: await editFetch({
title: formData.title,
purchaser_name: formData.purchaser_name,
phone: formData.phone,
is_default: formData.is_default,
id: formData.id
});
id: formData.id,
})
if (result.success) {
Taro.eventCenter.trigger("weightList:refresh");
Taro.navigateBack();
alert.success("保存成功");
Taro.eventCenter.trigger('weightList:refresh')
Taro.navigateBack()
alert.success('保存成功')
} else {
alert.error(result.msg);
alert.error(result.msg)
}
}).catch((message)=>{
})
.catch((message) => {
alert.none(message)
})
}
// 监听表单完善
const [hozon, setHozon] = useState(false);
const [hozon, setHozon] = useState(false)
useEffect(() => {
if (retrieval) {
retrieval(formData).then(()=>setHozon(true)).catch(()=>setHozon(false))
retrieval(formData)
.then(() => setHozon(true))
.catch(() => setHozon(false))
}
}, [formData])
return (
<View className="add-address">
<FromList onInput={(ev:any)=>setFormData({...formData,title:ev.detail.value})} value={formData["title"]} label="抬头" placeholder="请输入码单显示抬头信息"/>
<FromList onInput={(ev:any)=>setFormData({...formData,purchaser_name:ev.detail.value})} value={formData["purchaser_name"]} label="客户" placeholder="请输入码单显示客户名称"/>
<FromList onInput={(ev:any)=>setFormData({...formData,phone:ev.detail.value})} value={formData["phone"]} label="联系方式" placeholder="请输入码单显示联系号码"/>
<View className="add-address-default">
<View className='add-address'>
<FromList
onInput={(ev: any) => setFormData({ ...formData, title: ev.detail.value })}
value={formData['title']}
label='抬头'
placeholder='请输入码单显示抬头信息'
/>
<FromList
onInput={(ev: any) => setFormData({ ...formData, purchaser_name: ev.detail.value })}
value={formData['purchaser_name']}
label='客户'
placeholder='请输入码单显示客户名称'
/>
<FromList
onInput={(ev: any) => setFormData({ ...formData, phone: ev.detail.value })}
value={formData['phone']}
label='联系方式'
placeholder='请输入码单显示联系号码'
/>
<View className='add-address-default'>
<Text>设为默认地址</Text>
<View onClick={() => setFormData({ ...formData, is_default: !formData.is_default })}>
{
formData.is_default?<View className="add-address-default-active"><Text className="iconfont icon-tick"/></View>
:<View className="add-address-default-noactive"></View>
}
{formData.is_default ? (
<View className='add-address-default-active'>
<Text className='iconfont icon-tick' />
</View>
) : (
<View className='add-address-default-noactive'></View>
)}
</View>
</View>
<Button style={{"background": hozon?'#007aff':''}} hoverClass="none" className="add-address-save" onClick={handleSave}>保存</Button>
<Button style={{ background: hozon ? '#007aff' : '' }} hoverClass='none' className='add-address-save' onClick={handleSave}>
保存
</Button>
</View>
)
}