143 lines
3.6 KiB
Vue
143 lines
3.6 KiB
Vue
<template>
|
|
<view class="zd_container">
|
|
<!-- 历史查询 -->
|
|
<nav-bar :title="title" :inner="true"></nav-bar>
|
|
<view class="zd_content">
|
|
<view class="zd_wrapper">
|
|
<view class="zd-row border-bottom">
|
|
<view class="zd-col-5">
|
|
<span class="filter_label">日期</span>
|
|
</view>
|
|
<view class="zd-col-9 filter_picker">
|
|
<picker mode="date" :value="date1" :start="startDate" :end="endDate" @change="bindDateChange1">
|
|
<view class="uni-input">{{date1}}</view>
|
|
</picker>
|
|
</view>
|
|
<view class="zd-col-1"><span>-</span></view>
|
|
<view class="zd-col-9 filter_picker">
|
|
<picker mode="date" :value="date2" :start="startDate" :end="endDate" @change="bindDateChange2">
|
|
<view class="uni-input">{{date2}}</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
<view class="zd-row border-bottom">
|
|
<view class="zd-col-5">
|
|
<span class="filter_label">关键字</span>
|
|
</view>
|
|
<view class="zd-col-14">
|
|
<input type="text" placeholder="载具号/起点/终点/任务号" class="filter_input" v-model="keyword" @focus="handleFocus">
|
|
</view>
|
|
<button class="mini-btn" type="primary" size="mini" @tap="_queryHistoryTask">查询</button>
|
|
</view>
|
|
</view>
|
|
<view class="zd_wrapper grid-wraper">
|
|
<view class="slide_new">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>作业日期</th>
|
|
<th>载具号</th>
|
|
<th>起点</th>
|
|
<th>终点</th>
|
|
<th>状态</th>
|
|
<th>作业号</th>
|
|
<th>作业类型</th>
|
|
<th>设备号</th>
|
|
<th>备注</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr v-for="(e, i) in dataList" :key="i" :class="{'checked': e.material_id === pkId}" @tap="toCheck(e)">
|
|
<td>{{e.create_time}}</td>
|
|
<td>{{e.vehicle_code}}</td>
|
|
<td>{{e.point_code1}}</td>
|
|
<td>{{e.point_code2}}</td>
|
|
<td>{{['生成', '', '', '下发', '执行中', '完成'][Number(e.task_status)]}}</td>
|
|
<td>{{e.task_code}}</td>
|
|
<td>{{e.config_name}}</td>
|
|
<td>{{e.car_no}}</td>
|
|
<td>{{e.remark}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="zd-row submit-bar">
|
|
<button class="zd-col-24 button-primary" @tap="toSure">返回</button>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import NavBar from '@/components/NavBar.vue'
|
|
import SearchBox from '@/components/SearchBox.vue'
|
|
import {getDate} from '@/utils/utils.js'
|
|
import {queryHistoryTask} from '@/utils/getData2.js'
|
|
export default {
|
|
components: {
|
|
NavBar,
|
|
SearchBox
|
|
},
|
|
data() {
|
|
const currentDate = getDate({
|
|
format: true
|
|
})
|
|
return {
|
|
title: '',
|
|
keyword: null,
|
|
date1: currentDate,
|
|
date2: currentDate,
|
|
dataList: []
|
|
};
|
|
},
|
|
computed: {
|
|
startDate() {
|
|
return getDate('start');
|
|
},
|
|
endDate() {
|
|
return getDate('end');
|
|
}
|
|
},
|
|
onLoad (options) {
|
|
this.title = options.title
|
|
this._queryHistoryTask()
|
|
},
|
|
methods: {
|
|
handleFocus () {
|
|
this.keyword = null
|
|
},
|
|
bindDateChange1: function(e) {
|
|
this.date1 = e.detail.value
|
|
},
|
|
bindDateChange2: function(e) {
|
|
this.date2 = e.detail.value
|
|
},
|
|
async _queryHistoryTask () {
|
|
try {
|
|
let res = await queryHistoryTask(this.keyword, this.date1, this.date2)
|
|
if (res && res.data) {
|
|
this.dataList = [...res.data]
|
|
} else {
|
|
this.dataList = []
|
|
uni.showToast({
|
|
title: res.message,
|
|
icon: 'none'
|
|
})
|
|
}
|
|
} catch (e) {
|
|
this.dataList = []
|
|
}
|
|
},
|
|
toSure () {
|
|
uni.navigateBack()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.filter_picker {
|
|
text-align: center
|
|
}
|
|
</style> |