🌈 style(eslint): add eslint rules
This commit is contained in:
@@ -1,117 +1,119 @@
|
||||
|
||||
import { Button, Navigator, ScrollView, Text, View } from "@tarojs/components"
|
||||
import { memo, useEffect, useState, forwardRef, useImperativeHandle } from "react"
|
||||
import "./index.scss"
|
||||
import { mppurchaseraddresslist } from "@/api/addressList"
|
||||
import { alert } from "@/common/common"
|
||||
import Taro, { showModal, useDidShow, useRouter } from "@tarojs/taro"
|
||||
import { Button, Navigator, ScrollView, Text, View } from '@tarojs/components'
|
||||
import { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'react'
|
||||
import './index.scss'
|
||||
import { mppurchaseraddresslist } from '@/api/addressList'
|
||||
import { alert } from '@/common/common'
|
||||
import Taro, { showModal, useDidShow, useRouter } from '@tarojs/taro'
|
||||
import IconFont from '@/components/iconfont/iconfont'
|
||||
import { mpsaleOrderaddress } from '@/api/order'
|
||||
|
||||
interface Params {
|
||||
refresherEnabled?: boolean,//是否开启刷新
|
||||
onSelect?: (item: any, index: number) => void,//列表选择
|
||||
addButtonEnabled?: boolean, //是否显示添加按钮
|
||||
focusBorderEnabled?: boolean, //焦点显示蓝色边框
|
||||
id?: number, //默认选择值,
|
||||
purchaser_id: Number,
|
||||
refresherEnabled?: boolean// 是否开启刷新
|
||||
onSelect?: (item: any, index: number) => void// 列表选择
|
||||
addButtonEnabled?: boolean // 是否显示添加按钮
|
||||
focusBorderEnabled?: boolean // 焦点显示蓝色边框
|
||||
id?: number // 默认选择值,
|
||||
purchaser_id: Number
|
||||
// handSelect?: (any) => void
|
||||
}
|
||||
|
||||
// 地址列表
|
||||
const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
|
||||
const pages = Taro.getCurrentPages() // 获取当前的页面栈
|
||||
const prevPage = pages[pages.length - 2]
|
||||
|
||||
let pages = Taro.getCurrentPages(); // 获取当前的页面栈
|
||||
let prevPage = pages[pages.length - 2];
|
||||
|
||||
const { addButtonEnabled = true, focusBorderEnabled = false } = props;
|
||||
const { addButtonEnabled = true, focusBorderEnabled = false } = props
|
||||
const { fetchData, state } = mppurchaseraddresslist()
|
||||
// 获取数据
|
||||
const getData = async () => {
|
||||
const result = await fetchData({ purchaser_id: props.purchaser_id });
|
||||
const getData = async() => {
|
||||
const result = await fetchData({ purchaser_id: props.purchaser_id })
|
||||
if (props.id) {
|
||||
setFocusId(props.id as any);
|
||||
} else {
|
||||
result.data.list?.every(item => {
|
||||
setFocusId(props.id as any)
|
||||
}
|
||||
else {
|
||||
result.data.list?.every((item) => {
|
||||
if (item.is_default) {
|
||||
setFocusId(item.id);
|
||||
return false;
|
||||
setFocusId(item.id)
|
||||
return false
|
||||
}
|
||||
return true;
|
||||
return true
|
||||
})
|
||||
}
|
||||
let itemList: any[] = []
|
||||
result?.data?.list?.forEach(item => {
|
||||
const itemList: any[] = []
|
||||
result?.data?.list?.forEach((item) => {
|
||||
itemList.push(item?.id)
|
||||
})
|
||||
prevPage.setData({ //设置上一个页面的值
|
||||
ids: itemList
|
||||
});
|
||||
prevPage.setData({ // 设置上一个页面的值
|
||||
ids: itemList,
|
||||
})
|
||||
}
|
||||
useDidShow(() => {
|
||||
getData();
|
||||
getData()
|
||||
// 监听刷新
|
||||
Taro.eventCenter.on("addressList:refresh", getData);
|
||||
Taro.eventCenter.on('addressList:refresh', getData)
|
||||
return () => {
|
||||
Taro.eventCenter.off("addressList:refresh", getData);
|
||||
Taro.eventCenter.off('addressList:refresh', getData)
|
||||
}
|
||||
})
|
||||
// 处理刷新
|
||||
const [refreshState, setRefreshState] = useState(false);
|
||||
const handleRefresh = async () => {
|
||||
setRefreshState(true);
|
||||
await getData();
|
||||
setRefreshState(false);
|
||||
const [refreshState, setRefreshState] = useState(false)
|
||||
const handleRefresh = async() => {
|
||||
setRefreshState(true)
|
||||
await getData()
|
||||
setRefreshState(false)
|
||||
}
|
||||
const data = Array.from({ length: 15 });
|
||||
const data = Array.from({ length: 15 })
|
||||
// 焦点
|
||||
const [focusId, setFocusId] = useState();
|
||||
const [focusId, setFocusId] = useState()
|
||||
const router = useRouter()
|
||||
const [addressObj, setAddressObj] = useState<any>({})
|
||||
// 列表选择
|
||||
const { fetchData: selectFetch } = mpsaleOrderaddress()
|
||||
const handleSelect = async (item: any, index: number) => {
|
||||
const handleSelect = async(item: any, index: number) => {
|
||||
if (router.params.orderId && router.params.orderId != '-100') {
|
||||
console.log(typeof (router.params.orderId) != 'undefined', 'router.params.orderId')
|
||||
Taro.showLoading({
|
||||
title: '请稍等...',
|
||||
mask: true
|
||||
mask: true,
|
||||
})
|
||||
const res = await selectFetch({ address_id: item.id, id: Number(router.params.orderId), shipment_mode: 2 })
|
||||
if (res.msg === 'success') {
|
||||
Taro.hideLoading()
|
||||
Taro.showToast({
|
||||
title: '成功',
|
||||
icon: 'success'
|
||||
icon: 'success',
|
||||
})
|
||||
Taro.navigateBack({
|
||||
delta: 1
|
||||
delta: 1,
|
||||
})
|
||||
} else {
|
||||
}
|
||||
else {
|
||||
Taro.hideLoading()
|
||||
Taro.showToast({
|
||||
title: res.msg,
|
||||
icon: 'error'
|
||||
icon: 'error',
|
||||
})
|
||||
}
|
||||
} else {
|
||||
prevPage.setData({ //设置上一个页面的值
|
||||
}
|
||||
else {
|
||||
prevPage.setData({ // 设置上一个页面的值
|
||||
addressObj: item,
|
||||
// ids: itemList
|
||||
});
|
||||
})
|
||||
Taro.navigateBack({
|
||||
delta: 1
|
||||
delta: 1,
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
props.onSelect && props.onSelect(item, index);
|
||||
props.onSelect && props.onSelect(item, index)
|
||||
if (focusBorderEnabled) {
|
||||
setFocusId(item?.id);
|
||||
setFocusId(item?.id)
|
||||
}
|
||||
}
|
||||
|
||||
useImperativeHandle(AddressListRef, () => ({
|
||||
getData
|
||||
getData,
|
||||
}))
|
||||
|
||||
return (
|
||||
@@ -119,8 +121,8 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
|
||||
<ScrollView scrollY refresherEnabled={props.refresherEnabled} enhanced refresherTriggered={refreshState} onRefresherRefresh={handleRefresh}>
|
||||
<View className="address-scroll-view-content" >
|
||||
{
|
||||
state?.data?.list?.length > 0 ?
|
||||
state?.data?.list?.map((item, index) => {
|
||||
state?.data?.list?.length > 0
|
||||
? state?.data?.list?.map((item, index) => {
|
||||
// data.length>0?
|
||||
// data.map((item,index)=>{
|
||||
return (
|
||||
@@ -143,19 +145,19 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
|
||||
</View>
|
||||
<Navigator onClick={e => e.stopPropagation()} url={`/pages/addAddress/index?type=edit&id=${item.id}&&purchaser_id=${Number(props.purchaser_id)}`} hoverClass="none" className="address-edit">
|
||||
{/* <Text className="iconfont icon-bianji"></Text> */}
|
||||
<IconFont name={'icon-bianji'} size={40} color={'#717171'}></IconFont>
|
||||
<IconFont name="icon-bianji" size={40} color="#717171"></IconFont>
|
||||
</Navigator>
|
||||
</View>
|
||||
{
|
||||
item.factory !== '' && <>
|
||||
<View className='line'></View>
|
||||
<View className='bottom-font'>加工厂:{item.factory}</View></>
|
||||
<View className="line"></View>
|
||||
<View className="bottom-font">加工厂:{item.factory}</View></>
|
||||
}
|
||||
|
||||
</View>
|
||||
);
|
||||
}) :
|
||||
<View className="address-no-data">暂未添加地址</View>
|
||||
)
|
||||
})
|
||||
: <View className="address-no-data">暂未添加地址</View>
|
||||
}
|
||||
</View>
|
||||
</ScrollView>
|
||||
@@ -164,4 +166,4 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
|
||||
)
|
||||
}))
|
||||
|
||||
export default AddressList;
|
||||
export default AddressList
|
||||
|
||||
Reference in New Issue
Block a user