|
|
|
@ -33,34 +33,14 @@
|
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="配送司机:"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.driverName" |
|
|
|
|
filterable |
|
|
|
|
placeholder="请输入司机名称" |
|
|
|
|
:loading="loading" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in driverData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
> |
|
|
|
|
<el-select v-model="query.driverName" filterable placeholder="请输入司机名称" :loading="loading"> |
|
|
|
|
<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 |
|
|
|
|
placeholder="请输入司机名称" |
|
|
|
|
:loading="loading" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in vehicleData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictValue" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
> |
|
|
|
|
<el-select v-model="query.vehicleName" filterable placeholder="请输入司机名称" :loading="loading"> |
|
|
|
|
<el-option v-for="item in vehicleData" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"> |
|
|
|
|
</el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
@ -104,12 +84,9 @@
|
|
|
|
|
<div class="avue-crud__header"> |
|
|
|
|
<!-- 头部左侧按钮模块 --> |
|
|
|
|
<div class="avue-crud__left" style="margin-top: 20px"> |
|
|
|
|
<el-button type="primary" icon="el-icon-plus" @click="printBatchOrder" |
|
|
|
|
>批量打印</el-button |
|
|
|
|
> |
|
|
|
|
<el-button type="primary" icon="el-icon-plus" @click="printBatchOrder">批量打印</el-button> |
|
|
|
|
<!-- <el-button type="danger" icon="el-icon-delete" @click="handleDelete" plain>删 除</el-button>--> |
|
|
|
|
<el-button type="danger" icon="el-icon-download" @click="handleExportInfo" plain |
|
|
|
|
>导出 |
|
|
|
|
<el-button type="danger" icon="el-icon-download" @click="handleExportInfo" plain>导出 |
|
|
|
|
</el-button> |
|
|
|
|
</div> |
|
|
|
|
<!-- 头部右侧按钮模块 --> |
|
|
|
@ -122,29 +99,15 @@
|
|
|
|
|
</el-row> |
|
|
|
|
<el-row> |
|
|
|
|
<!-- 列表模块 --> |
|
|
|
|
<tablecmt |
|
|
|
|
:columnList="columnList" |
|
|
|
|
:tableData="data" |
|
|
|
|
:loading="loading" |
|
|
|
|
@inputTxt="inputsc" |
|
|
|
|
@timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" |
|
|
|
|
@selectCheck="selectsc" |
|
|
|
|
@selection="selectionsc" |
|
|
|
|
> |
|
|
|
|
<tablecmt :columnList="columnList" :tableData="data" :loading="loading" @inputTxt="inputsc" @timeCheck="timesc" |
|
|
|
|
@btnCheck="btnsc" @selectCheck="selectsc" @selection="selectionsc"> |
|
|
|
|
<template #default="slotProps"> |
|
|
|
|
<el-text size="small" @click="printOrder(slotProps.scope.row)">打 印</el-text> |
|
|
|
|
<el-text size="small" @click="editsolt(slotProps.scope)">查 看</el-text> |
|
|
|
|
<el-text size="small" @click="editmap(slotProps.scope)">地 图</el-text> |
|
|
|
|
<el-text |
|
|
|
|
size="small" |
|
|
|
|
v-if=" |
|
|
|
|
slotProps.scope.row.deliveryStatusName !== '已完成' || |
|
|
|
|
slotProps.scope.row.deliveryStatus !== '3' |
|
|
|
|
" |
|
|
|
|
@click="handleEdit(slotProps.scope)" |
|
|
|
|
>编 辑</el-text |
|
|
|
|
> |
|
|
|
|
<el-text size="small" v-if="slotProps.scope.row.deliveryStatusName !== '已完成' || |
|
|
|
|
slotProps.scope.row.deliveryStatus !== '3' |
|
|
|
|
" @click="handleEdit(slotProps.scope)">编 辑</el-text> |
|
|
|
|
|
|
|
|
|
<!-- <el-button size="small" @click="costadd(slotProps.scope)">费 用 增 项</el-button>--> |
|
|
|
|
</template> |
|
|
|
@ -182,17 +145,9 @@
|
|
|
|
|
<div class="avue-crud__pagination flex-c-sb" style="width: 100%"> |
|
|
|
|
<div style="font-size: 14px">勾选数量: {{ selectionList.length }}</div> |
|
|
|
|
<!-- 分页模块 --> |
|
|
|
|
<el-pagination |
|
|
|
|
align="right" |
|
|
|
|
background |
|
|
|
|
@size-change="sizeChange" |
|
|
|
|
@current-change="currentChange" |
|
|
|
|
:current-page="page.currentPage" |
|
|
|
|
:page-sizes="[30, 50, 80, 120]" |
|
|
|
|
:page-size="page.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" |
|
|
|
|
:total="page.total" |
|
|
|
|
> |
|
|
|
|
<el-pagination align="right" background @size-change="sizeChange" @current-change="currentChange" |
|
|
|
|
:current-page="page.currentPage" :page-sizes="[30, 50, 80, 120]" :page-size="page.pageSize" |
|
|
|
|
layout="total, sizes, prev, pager, next, jumper" :total="page.total"> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-row> |
|
|
|
@ -219,80 +174,34 @@
|
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
v-model="dialogVisible" |
|
|
|
|
title="增值服务" |
|
|
|
|
width="30%" |
|
|
|
|
:model="addvalue" |
|
|
|
|
:before-close="handleClose" |
|
|
|
|
> |
|
|
|
|
<el-dialog v-model="dialogVisible" title="增值服务" width="30%" :model="addvalue" :before-close="handleClose"> |
|
|
|
|
<el-form-item label="增值服务" prop="freightMark"> |
|
|
|
|
<el-checkbox-group v-model="form.addvalueType" @change="handleCheckedCitiesChange"> |
|
|
|
|
<el-checkbox |
|
|
|
|
style="width: 100%; margin-bottom: 3%" |
|
|
|
|
v-for="(item, index) in addvalueServeTypeData" |
|
|
|
|
:key="item.dictKey" |
|
|
|
|
:label="item.dictKey" |
|
|
|
|
>{{ item.dictValue }} |
|
|
|
|
<span v-if="index === 0 || index === 6 || index === 2 || index === 4" |
|
|
|
|
> 件数: |
|
|
|
|
<el-input |
|
|
|
|
type="number" |
|
|
|
|
v-model="item.f" |
|
|
|
|
:disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 1)" |
|
|
|
|
style="width: 20%; border: none; border-bottom: 2px solid #eee" |
|
|
|
|
/> |
|
|
|
|
<el-checkbox style="width: 100%; margin-bottom: 3%" v-for="(item, index) in addvalueServeTypeData" |
|
|
|
|
:key="item.dictKey" :label="item.dictKey">{{ item.dictValue }} |
|
|
|
|
<span v-if="index === 0 || index === 6 || index === 2 || index === 4"> 件数: |
|
|
|
|
<el-input type="number" v-model="item.f" :disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 1)" style="width: 20%; border: none; border-bottom: 2px solid #eee" /> |
|
|
|
|
</span> |
|
|
|
|
<span v-if="index === 1" |
|
|
|
|
>公里: |
|
|
|
|
<el-input |
|
|
|
|
type="primary" |
|
|
|
|
v-model="item.a" |
|
|
|
|
:disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 2)" |
|
|
|
|
style="width: 20%; border: none; border-bottom: 2px solid #eee" |
|
|
|
|
/> |
|
|
|
|
<span v-if="index === 1">公里: |
|
|
|
|
<el-input type="primary" v-model="item.a" :disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 2)" style="width: 20%; border: none; border-bottom: 2px solid #eee" /> |
|
|
|
|
</span> |
|
|
|
|
<span v-if="index === 3" |
|
|
|
|
>距离: |
|
|
|
|
<el-input |
|
|
|
|
type="number" |
|
|
|
|
v-model="item.b" |
|
|
|
|
:disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 3)" |
|
|
|
|
style="width: 20%; border: none; border-bottom: 2px solid #eee" |
|
|
|
|
/> |
|
|
|
|
<span v-if="index === 3">距离: |
|
|
|
|
<el-input type="number" v-model="item.b" :disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 3)" style="width: 20%; border: none; border-bottom: 2px solid #eee" /> |
|
|
|
|
</span> |
|
|
|
|
<span v-if="index === 5" |
|
|
|
|
>人数: |
|
|
|
|
<el-input |
|
|
|
|
type="number" |
|
|
|
|
v-model="item.c" |
|
|
|
|
:disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 4)" |
|
|
|
|
style="width: 20%; border: none; border-bottom: 2px solid #eee" |
|
|
|
|
/> |
|
|
|
|
<span v-if="index === 5">人数: |
|
|
|
|
<el-input type="number" v-model="item.c" :disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 4)" style="width: 20%; border: none; border-bottom: 2px solid #eee" /> |
|
|
|
|
</span> |
|
|
|
|
<span v-if="index === 0" |
|
|
|
|
>楼层: |
|
|
|
|
<el-input |
|
|
|
|
type="number" |
|
|
|
|
v-model="item.d" |
|
|
|
|
:disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 5)" |
|
|
|
|
style="width: 20%; border: none; border-bottom: 2px solid #eee" |
|
|
|
|
/> |
|
|
|
|
<span v-if="index === 0">楼层: |
|
|
|
|
<el-input type="number" v-model="item.d" :disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 5)" style="width: 20%; border: none; border-bottom: 2px solid #eee" /> |
|
|
|
|
</span> |
|
|
|
|
<span v-if="item" |
|
|
|
|
>预计费用: |
|
|
|
|
<el-input |
|
|
|
|
type="number" |
|
|
|
|
v-model="item.e" |
|
|
|
|
:disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 6)" |
|
|
|
|
style="width: 20%; border: none; border-bottom: 2px solid #eee" |
|
|
|
|
/> |
|
|
|
|
<span v-if="item">预计费用: |
|
|
|
|
<el-input type="number" v-model="item.e" :disabled="this.form?.freightMark?.indexOf(item.dictKey) == -1" |
|
|
|
|
@change="textbox($event, index, 6)" style="width: 20%; border: none; border-bottom: 2px solid #eee" /> |
|
|
|
|
</span> |
|
|
|
|
</el-checkbox> |
|
|
|
|
</el-checkbox-group> |
|
|
|
@ -305,12 +214,8 @@
|
|
|
|
|
</template> |
|
|
|
|
</el-dialog> |
|
|
|
|
</basic-container> |
|
|
|
|
<edittablehead |
|
|
|
|
@setcolum="setnewcolum" |
|
|
|
|
@closce="showdrawer" |
|
|
|
|
:drawerShow="drawerShow" |
|
|
|
|
:columnList="columnList" |
|
|
|
|
></edittablehead> |
|
|
|
|
<edittablehead @setcolum="setnewcolum" @closce="showdrawer" :drawerShow="drawerShow" :columnList="columnList"> |
|
|
|
|
</edittablehead> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
@ -732,6 +637,7 @@ export default {
|
|
|
|
|
return new Promise((rv, rev) => { |
|
|
|
|
getVehicleList(1, 10, '').then(res => { |
|
|
|
|
const data = res.data.data; |
|
|
|
|
if (!data.records) return |
|
|
|
|
let po = []; |
|
|
|
|
data.records.forEach(item => { |
|
|
|
|
let a = { |
|
|
|
@ -877,7 +783,7 @@ export default {
|
|
|
|
|
.then(_ => { |
|
|
|
|
done(); |
|
|
|
|
}) |
|
|
|
|
.catch(_ => {}); |
|
|
|
|
.catch(_ => { }); |
|
|
|
|
}, |
|
|
|
|
editsolt(scope) { |
|
|
|
|
const { row } = scope; |
|
|
|
@ -1205,6 +1111,7 @@ export default {
|
|
|
|
|
width: fit-content; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.order-info { |
|
|
|
|
ul { |
|
|
|
|
list-style: none; |
|
|
|
@ -1218,10 +1125,12 @@ export default {
|
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
font-weight: 500; |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
margin-right: 4px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li::after { |
|
|
|
|
content: ''; |
|
|
|
|
display: block; |
|
|
|
@ -1233,55 +1142,68 @@ export default {
|
|
|
|
|
left: 0px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li:first-child::after { |
|
|
|
|
content: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
li:first-child { |
|
|
|
|
padding-left: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.avue-crud__header { |
|
|
|
|
// align-items: flex-end !important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 日期选择框 |
|
|
|
|
.el-times { |
|
|
|
|
:deep(.el-tooltip__trigger) { |
|
|
|
|
height: 30px !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el-btn { |
|
|
|
|
min-width: 200px; |
|
|
|
|
margin-right: 0 !important; |
|
|
|
|
|
|
|
|
|
:deep(.el-form-item__content) { |
|
|
|
|
width: 180px; |
|
|
|
|
justify-content: flex-end; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.avue-crud__right { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fr-fo { |
|
|
|
|
display: flex; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
:deep(.avue-crud__header) { |
|
|
|
|
.avue-crud__left { |
|
|
|
|
margin-top: 0 !important; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
:deep(.avue-crud) { |
|
|
|
|
display: flex; |
|
|
|
|
height: 100%; |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
:deep(.el-card__body) { |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
:deep(.el-card) { |
|
|
|
|
height: 100%; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.el-fy { |
|
|
|
|
flex: 1; |
|
|
|
|
display: flex; |
|
|
|
|