139 lines
3.1 KiB
Vue
139 lines
3.1 KiB
Vue
<template>
|
|
<!-- 待取件 -->
|
|
<DealParcel ref="dealparcel" :tabIndex="tabIndex" :isAdmin="isAdmin" @checkbox="checkbox" @getSelected="getSelected"></DealParcel>
|
|
<!-- end -->
|
|
<!-- 已取件 -->
|
|
<AlreadyParcel ref="already" :tabIndex="tabIndex" :isAdmin="isAdmin" @checkbox="checkbox"></AlreadyParcel>
|
|
<!-- end -->
|
|
<!-- 已取件 -->
|
|
<CancelParcel :tabIndex="tabIndex" ref="cancel" :isAdmin="isAdmin" @checkbox="checkbox" @handleOpen="handleOpen"></CancelParcel>
|
|
<!-- end -->
|
|
<!-- 提示窗 -->
|
|
<UniPopup ref="popup" :tipInfo="tipInfo" @handleClick="handleClick"></UniPopup>
|
|
<!-- end -->
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref, onMounted } from 'vue';
|
|
import { useStore } from 'vuex';
|
|
//接口
|
|
import { taskDelete } from '@/pages/api/index.js';
|
|
// 导入组件
|
|
// 待取件
|
|
import DealParcel from './components/dealParcel.vue';
|
|
// 已取件
|
|
import AlreadyParcel from './components/alreadyParcel.vue';
|
|
// 已取件
|
|
import CancelParcel from './components/cancelParcel.vue';
|
|
// 弹层
|
|
import UniPopup from '@/components/uni-popup/index.vue';
|
|
|
|
// 获取父组件数据
|
|
const props = defineProps({
|
|
// tab切换数据
|
|
tabBars: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
tabIndex: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
// 当前高度
|
|
scrollH: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
// 是否触发管理按钮
|
|
isAdmin: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
// 获取当前筛选的距离升序还是降序
|
|
orderDistance: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
// 获取当前筛选的时间升序还是降序
|
|
orderTime: {
|
|
type: Number,
|
|
default: 0
|
|
},
|
|
// 获取当前筛选超时
|
|
filterOverTime: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
});
|
|
// ------定义变量------
|
|
const emit = defineEmits(''); //子组件向父组件事件传递
|
|
const store = useStore(); //设置、获取储存的数据
|
|
const users = store.state.user;
|
|
let popup = ref();
|
|
let dealparcel = ref();
|
|
let already = ref();
|
|
let cancel = ref();
|
|
const tipInfo = ref('确定要删除吗？');
|
|
let taskId = ref('');
|
|
let scrollH = ref(0); //滚动高度
|
|
// ------生命周期------
|
|
onMounted(() => {
|
|
// 获取屏幕信息
|
|
uni.getSystemInfo({
|
|
success: res => {
|
|
scrollH.value = res.windowHeight;
|
|
}
|
|
});
|
|
});
|
|
// ------定义方法------
|
|
// 获取已经选的任务
|
|
const getSelected = array => {
|
|
emit('getSelected', array);
|
|
};
|
|
// 获取待取件列表方法
|
|
const dealPList = () => {
|
|
dealparcel.value.getList();
|
|
};
|
|
// 获取已取件列表方法
|
|
const alreadList = () => {
|
|
already.value.getList();
|
|
};
|
|
// 获取取消件列表方法
|
|
const cancelList = () => {
|
|
cancel.value.getList();
|
|
};
|
|
// 确认删除
|
|
const handleClick = async () => {
|
|
await taskDelete(taskId.value)
|
|
.then(res => {
|
|
if (res.code === 200) {
|
|
dealparcel.value.getList();
|
|
return uni.showToast({
|
|
title: '删除成功!',
|
|
duration: 1000,
|
|
icon: 'none'
|
|
});
|
|
}
|
|
})
|
|
.catch(err => {});
|
|
};
|
|
// 选项框点击事件，参数是数据的下标
|
|
const checkbox = index => {
|
|
emit('checkbox', index);
|
|
};
|
|
// 删除弹层id
|
|
const handleOpen = id => {
|
|
popup.value.dialogOpen();
|
|
taskId.value = id;
|
|
};
|
|
|
|
//把数据、方法暴漏给父组件
|
|
defineExpose({
|
|
dealPList,
|
|
alreadList,
|
|
cancelList
|
|
});
|
|
</script>
|
|
|
|
<style></style>
|