101 lines
3.4 KiB
TypeScript
101 lines
3.4 KiB
TypeScript
|
|
import { Button, Navigator, ScrollView, Text, View } from "@tarojs/components"
|
|
import { memo, useEffect, useState } from "react"
|
|
import {weightListApi,weightDeleteApi} from "@/api/weightList"
|
|
import "./index.scss"
|
|
import Taro, { showModal } from "@tarojs/taro"
|
|
import { alert } from "@/common/common"
|
|
import useLogin from "@/use/useLogin"
|
|
const weightListManager = ()=>{
|
|
useLogin()
|
|
return(
|
|
<View className="weight-list-manager">
|
|
<WeightList />
|
|
</View>
|
|
)
|
|
}
|
|
interface Params{
|
|
refresherEnabled?: boolean,//是否开启刷新
|
|
onSelect?: (item:any,index:number)=>void,//列表选择
|
|
|
|
}
|
|
// 码单列表
|
|
const WeightList = (props:Params)=>{
|
|
const {fetchData, state} = weightListApi();
|
|
const getData = ()=>{
|
|
fetchData();
|
|
}
|
|
useEffect(()=>{
|
|
Taro.eventCenter.on("weightList:refresh", getData);
|
|
getData();
|
|
return ()=>{
|
|
Taro.eventCenter.off("weightList:refresh", getData);
|
|
}
|
|
},[]);
|
|
// 处理刷新
|
|
const [refreshState, setRefreshState] = useState(false);
|
|
const handleRefresh = async ()=>{
|
|
setRefreshState(true);
|
|
await fetchData();
|
|
setRefreshState(false);
|
|
}
|
|
const data = Array.from({length:0});
|
|
// 删除码单
|
|
const {fetchData: deleteFetch} = weightDeleteApi()
|
|
const handleDelete = (item:any)=>{
|
|
showModal(({
|
|
title: "提示",
|
|
content: "是否删除码单？",
|
|
async success(ev){
|
|
if(ev.confirm){
|
|
const result = await deleteFetch({id:item.id});
|
|
if(result.success){
|
|
alert.success("删除成功");
|
|
getData();
|
|
}else{
|
|
alert.success(result.msg);
|
|
}
|
|
}
|
|
}
|
|
}))
|
|
}
|
|
|
|
return (
|
|
<View className="weight-list-scroll-view">
|
|
<ScrollView scrollY refresherEnabled enhanced refresherTriggered={refreshState} onRefresherRefresh={handleRefresh}>
|
|
{
|
|
// data.length>0?
|
|
state?.data?.list?.length>0?
|
|
state?.data?.list?.map((item,index)=>{
|
|
return(
|
|
<View onClick={()=>props.onSelect&&props.onSelect(item,index)} onLongPress={()=>handleDelete(item)} className={`weight-list-list ${item.is_default&&'address-active'}`}>
|
|
<View className="weight-list-user">
|
|
{item.title}
|
|
{
|
|
item.is_default&&<Text className="weight-list-list-default">默认</Text>
|
|
}
|
|
</View>
|
|
<View className="weight-list-list-bottom">
|
|
<View className="weight-list-list-info">
|
|
{item.purchaser_name}
|
|
<Text className="weight-list-list-phone">{item.phone.replace(item.phone.substring(3,7), "****")}</Text>
|
|
</View>
|
|
<Navigator url={`/pages/weightListAdd/index?type=edit&id=${item.id}`} hoverClass="none" className="weight-list-edit">
|
|
<Text className="iconfont icon-bianji"></Text>
|
|
</Navigator>
|
|
</View>
|
|
</View>
|
|
);
|
|
}):
|
|
<View className="weight-list-no-data">
|
|
<View>您末添加任何码单信息</View>
|
|
正在使用平台默认码单信息
|
|
</View>
|
|
}
|
|
</ScrollView>
|
|
<Navigator url="/pages/weightListAdd/index?type=add" hoverClass="none" className="add-weight-list">添加新码单信息</Navigator>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
export default weightListManager; |