|
|
|
@ -1,83 +1,84 @@
|
|
|
|
|
<template> |
|
|
|
|
<basic-container class="basic-container" v-loading="loadingObj.pageLoading"> |
|
|
|
|
<div class="avue-crud"> |
|
|
|
|
<el-row v-if="!search"> |
|
|
|
|
<div v-h5uShow="!search"> |
|
|
|
|
<!-- 查询模块 --> |
|
|
|
|
<el-form :inline="true" :model="query" class="fr-fm"> |
|
|
|
|
<div class="el-tb"> |
|
|
|
|
<el-form-item label="配送车次:"> |
|
|
|
|
<el-input v-model="query.trainNumber" placeholder="请输入配送车次"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="配送日期:" class="el-times"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="query.taskTime" |
|
|
|
|
type="datetime" |
|
|
|
|
format="YYYY-MM-DD" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
placeholder="选择日期" |
|
|
|
|
> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
<!-- <el-form-item label="配送类型:">--> |
|
|
|
|
<!-- <el-select v-model="query.businessType" placeholder="请选择业务类型">--> |
|
|
|
|
<!-- <el-option--> |
|
|
|
|
<!-- :key="'1'"--> |
|
|
|
|
<!-- :value="'商配'">商配--> |
|
|
|
|
<!-- </el-option>--> |
|
|
|
|
<!-- <el-option--> |
|
|
|
|
<!-- :key="'2'"--> |
|
|
|
|
<!-- :value="'市配'">市配--> |
|
|
|
|
<!-- </el-option>--> |
|
|
|
|
<!-- </el-select>--> |
|
|
|
|
<!-- </el-form-item>--> |
|
|
|
|
<el-form-item label="配送种类:"> |
|
|
|
|
<el-select v-model="query.deliveryKind" placeholder="请选择业务类型"> |
|
|
|
|
<el-option :key="'1'" :value="'自主配送'">自主配送 </el-option> |
|
|
|
|
<el-option :key="'2'" :value="'外协配送'">外协配送 </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="配送司机:"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.driverName" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="请输入司机名称" |
|
|
|
|
:loading="loading" |
|
|
|
|
<el-form :inline="true" :model="query" class="header_search"> |
|
|
|
|
<el-form-item label="配送车次:"> |
|
|
|
|
<el-input |
|
|
|
|
v-model="query.trainNumbers" |
|
|
|
|
placeholder="请输入配送车次" |
|
|
|
|
clearable |
|
|
|
|
></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="配送日期:" class="el-times"> |
|
|
|
|
<el-date-picker |
|
|
|
|
class="w100" |
|
|
|
|
v-model="query.taskTimeArr" |
|
|
|
|
type="daterange" |
|
|
|
|
unlink-panels |
|
|
|
|
range-separator="至" |
|
|
|
|
start-placeholder="开始时间" |
|
|
|
|
end-placeholder="结束时间" |
|
|
|
|
:shortcuts="shortcuts" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
</el-date-picker> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="配送种类:"> |
|
|
|
|
<el-select class="w100" v-model="query.deliveryKind" placeholder="请选择业务类型"> |
|
|
|
|
<el-option :key="'1'" :value="'自主配送'">自主配送 </el-option> |
|
|
|
|
<el-option :key="'2'" :value="'外协配送'">外协配送 </el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="配送司机:"> |
|
|
|
|
<el-select |
|
|
|
|
class="w100" |
|
|
|
|
v-model="query.driverName" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="请输入司机名称" |
|
|
|
|
:loading="loading" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in driverData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in driverData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="配送车辆:"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.vehicleName" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="请输入司机名称" |
|
|
|
|
:loading="loading" |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<el-form-item label="配送车辆:"> |
|
|
|
|
<el-select |
|
|
|
|
class="w100" |
|
|
|
|
v-model="query.vehicleName" |
|
|
|
|
filterable |
|
|
|
|
clearable |
|
|
|
|
placeholder="请输入司机名称" |
|
|
|
|
:loading="loading" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in vehicleData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in vehicleData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</div> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
|
<!-- 查询按钮 --> |
|
|
|
|
<el-form-item class="el-btn"> |
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="searchChange">搜 索</el-button> |
|
|
|
|
<el-button icon="el-icon-delete" @click="searchReset">清 空</el-button> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- <el-row :gutter="24" class="rows"> --> |
|
|
|
|
<!-- <el-col :xl="14" :lg="7" :md="8" :sm="24" >--> |
|
|
|
@ -365,6 +366,36 @@ export default {
|
|
|
|
|
// 选择行 |
|
|
|
|
selectionList: [], |
|
|
|
|
activeName: 'first', |
|
|
|
|
/** 时间快捷选择设置 */ |
|
|
|
|
shortcuts: [ |
|
|
|
|
{ |
|
|
|
|
text: '最近一周', |
|
|
|
|
value: () => { |
|
|
|
|
const end = new Date(); |
|
|
|
|
const start = new Date(); |
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); |
|
|
|
|
return [start, end]; |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '最近一个月', |
|
|
|
|
value: () => { |
|
|
|
|
const end = new Date(); |
|
|
|
|
const start = new Date(); |
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); |
|
|
|
|
return [start, end]; |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
text: '最近三个月', |
|
|
|
|
value: () => { |
|
|
|
|
const end = new Date(); |
|
|
|
|
const start = new Date(); |
|
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90); |
|
|
|
|
return [start, end]; |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
], |
|
|
|
|
columnList: [ |
|
|
|
|
{ |
|
|
|
|
prop: 'serialNumber', |
|
|
|
@ -1297,6 +1328,11 @@ export default {
|
|
|
|
|
onLoad(page, params = {}) { |
|
|
|
|
this.loading = true; |
|
|
|
|
this.query.type = '1'; |
|
|
|
|
if (getObjType(this.query.taskTimeArr) === 'array') { |
|
|
|
|
params.taskTimeStart = this.query.taskTimeArr[0]; |
|
|
|
|
params.taskTimeEnd = this.query.taskTimeArr[1]; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
getPage(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => { |
|
|
|
|
const data = res.data.data; |
|
|
|
|
// eslint-disable-next-line no-empty |
|
|
|
@ -1518,4 +1554,7 @@ export default {
|
|
|
|
|
// .el_tabBK { |
|
|
|
|
// // height: 70%; |
|
|
|
|
// } |
|
|
|
|
.w100 { |
|
|
|
|
width: 100% !important; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|