<template>
|
<view class="tasks-search-component">
|
<view class="search-form-box">
|
<u-form labelPosition="left" :labelWidth="80" :model="form" ref="form" :labelStyle="{color:'#787878'}">
|
<u-form-item label="任务编号：" borderBottom>
|
<u-input v-model="form.Taskno" placeholder="请输入..." border="none" clearable />
|
</u-form-item>
|
<u-form-item label="任务类型：" borderBottom>
|
<u-view-form-select-picker v-model="form.Tasktype" :list="selectList.tasksType" value-field="code" label-field="name" />
|
</u-form-item>
|
<u-form-item label="托盘编码：" borderBottom>
|
<u--input v-model="form.ContainerCode" placeholder="请输入..." border="none" clearable />
|
</u-form-item>
|
<u-form-item label="目标位置：" borderBottom>
|
<u-input v-model="form.Toplace" placeholder="请输入..." border="none" clearable />
|
</u-form-item>
|
<u-form-item label="起始位置：" borderBottom>
|
<u-input v-model="form.Sourceplace" placeholder="请输入..." border="none" clearable />
|
</u-form-item>
|
</u-form>
|
</view>
|
<view class="search-bottom">
|
<u-button type="primary" text="查 询" @click="onSearch" />
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import UViewFormSelectPicker from '@/components/UViewFormSelectPicker.vue'
|
import { getDicList } from '@/static/js/utils/index.js'
|
const defaultQueryForm = {
|
Taskno:'',
|
Tasktype:'',
|
ContainerCode:'',
|
Toplace:'',
|
Sourceplace:''
|
}
|
export default {
|
name:'tasksSearchComponent',
|
components:{UViewFormSelectPicker},
|
emits:['callback'],
|
props:{
|
resetflag: {
|
type: Number,
|
default: 0
|
}
|
},
|
data(){
|
return {
|
form:{...defaultQueryForm},
|
selectList:{
|
tasksType:[]
|
}
|
}
|
},
|
watch:{
|
resetflag(newVal, oldVal){
|
if (newVal !== oldVal) {
|
this.form = {...defaultQueryForm}
|
}
|
}
|
},
|
methods:{
|
onSearch(){
|
this.$emit('callback',this.form)
|
}
|
},
|
mounted() {
|
this.selectList.tasksType = getDicList(this.$store,'task_type')
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.tasks-search-component{
|
height: 100%;
|
display: flex;
|
flex-direction: column;
|
.search-form-box{
|
flex-grow: 1;
|
background-color: $uni-bg-color;
|
overflow: auto;
|
padding: 0 16rpx;
|
}
|
.search-bottom{
|
flex-shrink: 0;
|
padding: 10rpx 0;
|
padding: 20rpx;
|
}
|
}
|
</style>
|
