76 lines
1.9 KiB
Vue
76 lines
1.9 KiB
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<el-row>
|
|||
|
|
<SearchForm v-model="taskList" v-model:showAddWmsTask="showAddWmsTask" v-model:searchParams="searchParams" style="width: 100%" ref="searchForm"></SearchForm>
|
|||
|
|
</el-row>
|
|||
|
|
<el-row>
|
|||
|
|
<WmsTaskList
|
|||
|
|
v-model="taskList"
|
|||
|
|
v-model:searchParams="searchParams"
|
|||
|
|
@page-change="pageChange">
|
|||
|
|
</WmsTaskList>
|
|||
|
|
</el-row>
|
|||
|
|
<!-- 添加 Wms 任务的弹窗-->
|
|||
|
|
<AddWmsTask v-model="showAddWmsTask"></AddWmsTask>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// import 《组件名称》 from '《组件路径》 ';
|
|||
|
|
import SearchForm from "@/view/component/wmsTask/SearchForm.vue";
|
|||
|
|
import WmsTaskList from "@/view/component/wmsTask/WmsTaskList.vue";
|
|||
|
|
import AddWmsTask from "@/view/component/wmsTask/AddWmsTask.vue";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
// import 引入的组件需要注入到对象中才能使用
|
|||
|
|
components: {AddWmsTask, WmsTaskList, SearchForm },
|
|||
|
|
props: {},
|
|||
|
|
data() {
|
|||
|
|
// 这里存放数据
|
|||
|
|
return {
|
|||
|
|
// 查找参数，用于传递使用，具体定义在SearchForm组件内
|
|||
|
|
searchParams: {
|
|||
|
|
// 查询关键字
|
|||
|
|
searchStr: '',
|
|||
|
|
// 任务类型
|
|||
|
|
taskType: [],
|
|||
|
|
// 任务状态
|
|||
|
|
taskStatus: [],
|
|||
|
|
// 起止时间
|
|||
|
|
timeRange: [],
|
|||
|
|
// 分页控件信息
|
|||
|
|
page: {
|
|||
|
|
// 每页显示的行数
|
|||
|
|
pageSize: 50,
|
|||
|
|
// 当前页码
|
|||
|
|
pageIndex: 1,
|
|||
|
|
// 总行数
|
|||
|
|
totalRow: 0
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// 任务列表
|
|||
|
|
taskList: [],
|
|||
|
|
// 是否展示添加Wms任务弹窗
|
|||
|
|
showAddWmsTask: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 计算属性 类似于 data 概念
|
|||
|
|
computed: {},
|
|||
|
|
// 监控 data 中的数据变化
|
|||
|
|
watch: {},
|
|||
|
|
// 方法集合
|
|||
|
|
methods: {
|
|||
|
|
pageChange(searchParams) {
|
|||
|
|
this.$refs.searchForm.searchData(searchParams)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
// 生命周期 - 挂载完成（可以访问 DOM 元素）
|
|||
|
|
mounted() {
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped>
|
|||
|
|
|
|||
|
|
</style>
|