kilo
2 years ago
14 changed files with 2509 additions and 1109 deletions
@ -1,935 +0,0 @@
|
||||
<template> |
||||
<div> |
||||
<el-row> |
||||
<el-button type="primary" plain style="margin-left: 15%;width: 200px;height: 70px" @click="ccc">自主配送 |
||||
</el-button> |
||||
<el-button type="primary" plain style="margin-left: 30%;width: 200px;height: 70px" @click="ddd">外协 |
||||
</el-button> |
||||
</el-row> |
||||
</div> |
||||
<div style="margin: 2%" v-if="aaa"> |
||||
<el-form ref="form" :model="form" label-width="100px" style="margin: 3px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="车辆信息:" prop="goodsShelfId"> |
||||
<el-select v-model="vehicleIds" multiple placeholder="请选择车辆" @change="changeVehicle"> |
||||
<el-option |
||||
v-for="item in vehicleData" |
||||
:key="item.id" |
||||
:label="item.vehicleNub" |
||||
:value="item.id"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<!-- <el-col :span="8">--> |
||||
<!-- <el-form-item label="司机负责人:" prop="goodsShelfId" >--> |
||||
<!-- <el-select v-model="form.masterDriver" placeholder="请选择车辆" @change="changeMasterDriver">--> |
||||
<!-- <el-option--> |
||||
<!-- v-for="item in masterDriverData"--> |
||||
<!-- :key="item.id"--> |
||||
<!-- :label="item.name"--> |
||||
<!-- :value="item.id">--> |
||||
<!-- </el-option>--> |
||||
<!-- </el-select>--> |
||||
<!-- </el-form-item>--> |
||||
<!-- </el-col>--> |
||||
<el-col :span="6"> |
||||
<el-form-item label="配送司机信息:" prop="goodsShelfId"> |
||||
<!-- @change="changeSlaveDriver"--> |
||||
<el-select v-model="deliveryDriver" multiple placeholder="请选择司机" @change="changeDriver"> |
||||
<el-option |
||||
|
||||
v-for="item in driverData" |
||||
:key="item.id" |
||||
:label="item.name" |
||||
:value="item.id"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<span> |
||||
<el-form-item label="主司机:" prop="forklift"> |
||||
<el-input v-model="form.masterDriverName" :disabled="true"> |
||||
</el-input> |
||||
</el-form-item> |
||||
<el-form-item label="主车辆:" prop="forklift"> |
||||
<el-input v-model="form.masterVehicleNub" :disabled="true"> |
||||
</el-input> |
||||
</el-form-item> |
||||
</span> |
||||
|
||||
|
||||
<!-- <span >主司机 :<strong> {{this.masterDriverName}}</strong></span><br/>--> |
||||
<!-- <span >主车辆 :<strong> {{this.masetervehictleName}}</strong></span>--> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-button round @click="viewDriverInfo" style="margin-left: 10%">查看司机配置</el-button> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="叉车司机:" prop="forklift"> |
||||
<el-select v-model="form.forklift" placeholder="请选择叉车司机"> |
||||
<el-option |
||||
v-for="item in this.forkliftData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey"> |
||||
</el-option> |
||||
<!-- {{this.forkliftData}}--> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="装卸班组:" prop="loader"> |
||||
<el-select v-model="form.loader" placeholder="请选择装卸班组"> |
||||
<el-option |
||||
v-for="item in loaderData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="3"> |
||||
<!-- <el-radio-group v-model="form.loadAndUnload" >--> |
||||
<!-- <el-radio v-for="item in this.loadAndUnloadData" :label="item.dictValue" :value="item.dictKey"></el-radio>--> |
||||
<!-- </el-radio-group>--> |
||||
<el-checkbox-group v-model="this.loadAndUnload"> |
||||
<el-checkbox v-for="item in loadAndUnloadData" :label="item.dictKey" :value="item.dictKey"> |
||||
{{item.dictValue}} |
||||
</el-checkbox> |
||||
</el-checkbox-group> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="备货区域:" prop="goodsAreaId"> |
||||
<el-select v-model="form.goodsAreaId" placeholder="请选择备货区域"> |
||||
<el-option |
||||
v-for="item in goodsAreaData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="备货时间:" prop="goodsShelfId"> |
||||
<el-date-picker |
||||
v-model="form.stockupDate" |
||||
type="date" |
||||
placeholder="请选择备货时间"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<el-form-item label="备注:" prop="remarks"> |
||||
<el-input |
||||
type="textarea" |
||||
:rows="2" |
||||
placeholder="请输入内容" |
||||
v-model="form.remarks"> |
||||
</el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
</el-form> |
||||
</div> |
||||
|
||||
<div style="margin: 2%" v-if="bbb"> |
||||
<el-form ref="form" :model="form" label-width="100px" style="margin: 3px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="外协来源:" prop="goodsShelfId"> |
||||
<el-select v-model="form.tripartiteSource" placeholder="请选择来源"> |
||||
<el-option |
||||
v-for="item in tripartiteSourceData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictValue"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="司机名称:" prop="goodsShelfId"> |
||||
<el-input v-model="form.driverName" placeholder="请输入司机名称"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="司机电话:" prop="goodsShelfId"> |
||||
<el-input v-model="form.driverPhone" placeholder="请输入本次费用"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="车辆车牌:" prop="goodsShelfId"> |
||||
<el-input v-model="form.vehicleNum" placeholder="请输入本次费用"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="配送费用:" prop="goodsShelfId"> |
||||
<el-input v-model="form.deliveryFee" placeholder="请输入本次费用"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="叉车司机:" prop="forklift"> |
||||
<el-select v-model="form.forklift" placeholder="请选择叉车司机"> |
||||
<el-option |
||||
v-for="item in this.forkliftData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="装卸班组:" prop="loader"> |
||||
<el-select v-model="form.loader" placeholder="请选择装卸班组"> |
||||
<el-option |
||||
v-for="item in loaderData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="3"> |
||||
<!-- <el-radio-group v-model="form.loadAndUnload" >--> |
||||
<!-- <el-radio v-for="item in this.loadAndUnloadData" :label="item.dictValue" :value="item.dictKey"></el-radio>--> |
||||
<!-- </el-radio-group>--> |
||||
<el-checkbox-group v-model="form.loadAndUnload"> |
||||
<el-checkbox v-for="item in loadAndUnloadData" :label="item.dictKey" :value="item.dictKey"> |
||||
{{item.dictValue}} |
||||
</el-checkbox> |
||||
</el-checkbox-group> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="备货区域:" prop="goodsAreaId"> |
||||
<el-select v-model="form.goodsAreaId" placeholder="请选择备货区域"> |
||||
<el-option |
||||
v-for="item in goodsAreaData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey"> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="备货时间:" prop="goodsShelfId"> |
||||
<el-date-picker |
||||
v-model="form.stockupDate" |
||||
type="date" |
||||
placeholder="请选择备货时间"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<el-form-item label="备注:" prop="remarks"> |
||||
<el-input |
||||
type="textarea" |
||||
:rows="2" |
||||
placeholder="请输入内容" |
||||
v-model="form.remarks"> |
||||
</el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div > |
||||
<el-row> |
||||
<!-- 列表模块 --> |
||||
<!-- <el-table--> |
||||
<!-- :data="data"--> |
||||
<!-- :height="height"--> |
||||
<!-- :border="option.border"--> |
||||
<!-- style="width: 100%">--> |
||||
<!-- <template v-for="(item,index) in option.column">--> |
||||
<!-- <!– table字段 –>--> |
||||
<!-- <el-table-column v-if="item.hide!==true"--> |
||||
<!-- :prop="item.prop"--> |
||||
<!-- :label="item.label"--> |
||||
<!-- :width="item.width"--> |
||||
<!-- :key="index">--> |
||||
<!-- </el-table-column>--> |
||||
<!-- </template>--> |
||||
<!-- </el-table>--> |
||||
<el-table ref="table" v-loading="loading" |
||||
:data="data" |
||||
style="width: 100%; height:100%" |
||||
:border="option.border"> |
||||
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column> |
||||
<el-table-column v-if="option.index" label="序号" type="index" width="80px" |
||||
align="center"></el-table-column> |
||||
|
||||
<template v-for="(item,index) in option.column"> |
||||
<!-- table字段 --> |
||||
<el-table-column v-if="item.hide!==true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:key="index"> |
||||
</el-table-column> |
||||
</template> |
||||
<!-- 操作栏模块 --> |
||||
</el-table> |
||||
</el-row> |
||||
<el-form-item style="margin-left: 45%;margin-top: 10px"> |
||||
<el-button type="primary" icon="el-icon-circle-close" @click="onSubmitOrder">提交(配送内容)</el-button> |
||||
<el-button icon="el-icon-circle-close" @click="this.$router.go(-1)">返 回</el-button> |
||||
</el-form-item> |
||||
</div> |
||||
|
||||
<el-dialog |
||||
title="司机配置" |
||||
v-model="isDriverShow" |
||||
width="50%" |
||||
|
||||
> |
||||
<div style="display: flex"> |
||||
<div style="flex:1;"> |
||||
<el-table ref="multipleTable" v-loading="loading" |
||||
:data="driverInfo" |
||||
style="width: 100%; " |
||||
:border="option.border" |
||||
@select-all="handleSelect" |
||||
@selection-change="selectionDriverChange" |
||||
@select="handleSelect"> |
||||
<!-- @selection-change="handleSelectionChange" |
||||
@selection-change="handleCurrentChange" |
||||
--> |
||||
<!-- <el-table-column type="expand" v-if="option.expand" align="center"></el-table-column>--> |
||||
<!-- <el-table-column v-if="option.index" label="序号" type="index" width="80px"--> |
||||
<!-- align="center"></el-table-column>--> |
||||
|
||||
<!-- <el-table-column label="预约数量" type="index" width="200px">--> |
||||
<!-- <template #="{row}">--> |
||||
<el-table-column type="selection" v-if="option.selection" width="55" |
||||
align="center"></el-table-column> |
||||
<!-- </template>--> |
||||
<!-- </el-table-column>--> |
||||
<template v-for="(item,index) in option.columnDriverInfo"> |
||||
<!-- table字段 --> |
||||
<el-table-column v-if="item.hide!==true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:key="index"> |
||||
</el-table-column> |
||||
</template> |
||||
<!-- 操作栏模块 --> |
||||
</el-table> |
||||
</div> |
||||
<div style="flex:1;"> |
||||
<el-table ref="table" v-loading="loading" |
||||
:data="vehticleInfo" |
||||
style="width: 100%; " |
||||
:border="option.border"> |
||||
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column> |
||||
<template v-for="(item,index) in option.columnVehicleInfo"> |
||||
<!-- table字段 --> |
||||
<el-table-column v-if="item.hide!==true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:key="index"> |
||||
</el-table-column> |
||||
</template> |
||||
<!-- 操作栏模块 --> |
||||
<el-table-column label="预约数量" type="index" width="200px"> |
||||
<template #="{row}"> |
||||
<span> |
||||
<!-- <el-button type="primary" text size="small" @click="MoveUpVehictle(row)">置顶--> |
||||
<!-- </el-button>--> |
||||
<el-button type="primary" text size="small" @click="moveUpVehictle(row)">上移 |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<el-form-item style="margin-left: 45%;margin-top: 10px"> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="confirmDriver">确 定</el-button> |
||||
<el-button @click="isDriverShow = false">取 消</el-button> |
||||
</span> |
||||
</el-form-item> |
||||
</el-dialog> |
||||
|
||||
</template> |
||||
|
||||
|
||||
<script> |
||||
import { getDictionaryBiz } from '@/api/system/dict'; |
||||
import option from '@/option/distribution/distributionReservation'; |
||||
import { getListTeam } from '@/api/basicdata/basicdataTeamGroup'; |
||||
import { |
||||
getReservationAddr, |
||||
deliveryTask |
||||
} from '@/api/distribution/distributionReservation'; |
||||
import { getListUser } from '@/api/distribution/distributionStockup'; |
||||
import { getPostList } from '@/api/system/post'; |
||||
import { getListOwn } from '@/api/system/user'; |
||||
import { stockUp } from '@/api/basicdata/basicdataGoodsArea'; |
||||
import { getVehicleList } from '@/api/basicdata/basicdataVehicle'; |
||||
import { getDriverList } from '@/api/basicdata/basicdataDriverArtery'; |
||||
// import { ref } from 'vue' |
||||
export default { |
||||
data() { |
||||
return { |
||||
height: 0, |
||||
loading: false, |
||||
ids: null, |
||||
error: null, |
||||
form: {}, |
||||
data: [], |
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
total: 40 |
||||
}, |
||||
aaa: true, |
||||
bbb: false, |
||||
option: option, |
||||
deliveryTypeData: [], |
||||
//配送类型字典列表 |
||||
resvervationStatusData: [], |
||||
//备货状态 |
||||
stockupStatusData: [], |
||||
//订单来源 |
||||
orderSourceData: [], |
||||
//预约时段 |
||||
periodOfTimeData: [], |
||||
//配送方式 |
||||
deliveryWayData: [], |
||||
//服务内容 |
||||
addvalueServeTypeData: [], |
||||
//基础车辆信息 |
||||
vehicleData: [], |
||||
//叉车信息 |
||||
forkliftData: [], |
||||
//班组信息 |
||||
loaderData: [], |
||||
//备货区信息 |
||||
goodsAreaData: [], |
||||
//部门信息 |
||||
deptId: '', |
||||
//司机信息 |
||||
driverData: [], |
||||
//装卸班组 |
||||
loadAndUnloadData: [], |
||||
//装卸 |
||||
tripartiteSourceData: [], |
||||
//装卸只能 |
||||
loadAndUnload: [], |
||||
//车辆信息 |
||||
vehicleIds: [], |
||||
//配送司机信息 |
||||
deliveryDriver: [], |
||||
//司机配置 |
||||
isDriverShow: false, |
||||
//车辆表格信息 |
||||
driverInfo: [], |
||||
//司机表格信息 |
||||
vehticleInfo: [], |
||||
//主司机 |
||||
masterDriverName: '', |
||||
//主车辆 |
||||
masterVehictleName: '', |
||||
//司机配置选中行信息 |
||||
multipleSelection: [], |
||||
// |
||||
multipleTable: {}, |
||||
driverList: [], |
||||
vehticleList: [] |
||||
|
||||
}; |
||||
}, |
||||
created() { |
||||
this.$watch( |
||||
() => this.$route.params, |
||||
() => { |
||||
this.fetchData(); |
||||
}, |
||||
// 组件创建完后获取数据， |
||||
// 此时 data 已经被 observed 了 |
||||
{ immediate: true } |
||||
); |
||||
|
||||
|
||||
this.getDictionary(); |
||||
this.getFork(); |
||||
this.getTeam(); |
||||
this.getvehicleData(); |
||||
this.getMasterDriverData(); |
||||
}, |
||||
computed: {}, |
||||
|
||||
mounted() { |
||||
this.onLoad(); |
||||
}, |
||||
methods: { |
||||
fetchData() { |
||||
this.error = this.post = null; |
||||
this.loading = true; |
||||
if (this.$route.query.id) { |
||||
this.ids = this.$route.query.id; |
||||
} |
||||
}, |
||||
//查询叉车人员 |
||||
async getFork() { |
||||
let ides = ''; |
||||
let ide = {}; |
||||
await getListUser().then(res => { |
||||
console.log('res>>>', res.data.data); |
||||
ides = res.data.data.tenantId; |
||||
this.deptId = res.data.data.deptId; |
||||
}); |
||||
await getPostList(ides).then(res => { |
||||
console.log('>>>>', res.data.data); |
||||
// this.forkliftData = res.data.data; |
||||
res.data.data.forEach(i => { |
||||
if (i.postName == '叉车') { |
||||
ide = i; |
||||
} |
||||
}); |
||||
}); |
||||
// console.log("ied>>>>>",ide); |
||||
let params = { |
||||
postId: ide.id, //岗位 |
||||
deptId: this.deptId //部门 |
||||
// roleId: '', //角色 |
||||
}; |
||||
getListOwn(Object.assign(params, this.query)).then(res => { |
||||
// console.log(".............",res.data.data); |
||||
let fo = []; |
||||
res.data.data.forEach(i => { |
||||
let a = { |
||||
dictKey: i.id, |
||||
dictValue: i.name |
||||
}; |
||||
fo.push(a); |
||||
}); |
||||
this.forkliftData = fo; |
||||
}); |
||||
await this.getStorageArea(); |
||||
await this.getTeam(); |
||||
}, |
||||
//查询班组 |
||||
async getTeam() { |
||||
let params = { |
||||
department: this.deptId |
||||
}; |
||||
getListTeam(this.page.currentPage, this.page.pageSize, Object.assign(params, this.query)).then(res => { |
||||
let fo = []; |
||||
res.data.data.records.forEach(i => { |
||||
let a = { |
||||
dictKey: i.id, |
||||
dictValue: i.name + '-' + i.groupName |
||||
}; |
||||
fo.push(a); |
||||
}); |
||||
this.loaderData = fo; |
||||
}); |
||||
}, |
||||
//备货区 |
||||
async getStorageArea() { |
||||
let params = { |
||||
department: this.deptId |
||||
}; |
||||
stockUp(params).then(res => { |
||||
let fo = []; |
||||
res.data.data.forEach(i => { |
||||
let v = { |
||||
dictKey: i.id, |
||||
dictValue: i.name + '-' + i.headline |
||||
}; |
||||
fo.push(v); |
||||
}); |
||||
this.goodsAreaData = fo; |
||||
}); |
||||
}, |
||||
//查询司机信息 |
||||
getMasterDriverData() { |
||||
getDriverList(1, 10, '').then(res => { |
||||
this.driverData = res.data.data.records; |
||||
}); |
||||
}, |
||||
//查询车辆信息 |
||||
getvehicleData() { |
||||
getVehicleList(1, 10, '').then(res => { |
||||
this.vehicleData = res.data.data.records; |
||||
console.log(res.data.data); |
||||
}); |
||||
}, |
||||
viewDriverInfo() { |
||||
console.log(this.driverInfo.length); |
||||
console.log(this.vehticleInfo.length); |
||||
if (this.driverList.length !== this.vehticleList.length) { |
||||
this.$message({ |
||||
message: '司机车辆数量有误!!!', |
||||
type: 'warning' |
||||
}); |
||||
return; |
||||
} |
||||
this.isDriverShow = true; |
||||
}, |
||||
handleClose(done) { |
||||
this.$confirm('确认关闭？') |
||||
.then(_ => { |
||||
done(); |
||||
}) |
||||
.catch(_ => { |
||||
}); |
||||
}, |
||||
changeVehicle(params) { |
||||
console.log(params); |
||||
this.vehticleList = params; |
||||
let b = []; |
||||
if (params) { |
||||
this.vehicleData.forEach(item => { |
||||
this.vehticleList.forEach(p => { |
||||
if (p == item.id) { |
||||
b.push(item); |
||||
console.log(this.driverInfo); |
||||
} |
||||
}); |
||||
if (params[0] === item.id) { |
||||
this.form.masterVehicleNub = item.vehicleNub; |
||||
} |
||||
}); |
||||
this.vehticleInfo = b; |
||||
} |
||||
|
||||
}, |
||||
changeDriver(params) { |
||||
this.driverList = params; |
||||
let a = []; |
||||
if (params) { |
||||
this.driverData.forEach(item => { |
||||
this.driverList.forEach(p => { |
||||
if (p == item.id) { |
||||
a.push(item); |
||||
console.log(this.driverInfo); |
||||
} |
||||
}); |
||||
if (params[0] === item.id) { |
||||
this.form.masterDriverName = item.name; |
||||
} |
||||
}); |
||||
this.driverInfo = a; |
||||
} |
||||
|
||||
}, |
||||
//上移 |
||||
moveUpVehictle(row) { |
||||
console.log(row); |
||||
let i = 0; |
||||
this.vehticleInfo.forEach((item, index) => { |
||||
if (item.id === row.id) { |
||||
i = index; |
||||
} |
||||
}); |
||||
//获取当当前选中的下标，如果下标为第一个则不能上移 |
||||
if (i > 0) { |
||||
let a = this.vehticleInfo[i - 1]; |
||||
this.vehticleInfo.splice(i - 1, 1); |
||||
this.vehticleInfo.splice(i, 0, a); |
||||
} else { |
||||
this.$message({ |
||||
message: '已经是第一条，上移失败', |
||||
type: 'warning' |
||||
}); |
||||
} |
||||
}, |
||||
selectionDriverChange(list){ |
||||
this.multipleSelection = list; |
||||
}, |
||||
handleSelect(selection, row) { |
||||
// 阻止全选框原有逻辑 |
||||
this.$refs.multipleTable.clearSelection(); |
||||
if (row) { |
||||
if (selection.length === 1) { |
||||
this.multipleSelection = row; |
||||
this.$refs.multipleTable.toggleRowSelection(row, true); |
||||
} else if (selection.length > 1) { |
||||
let a = {}; |
||||
selection.forEach((s, index) => { |
||||
if (s.id === row.id) { |
||||
selection.splice(index, 1); |
||||
a = s; |
||||
} |
||||
}); |
||||
this.multipleSelection = selection; |
||||
this.$refs.multipleTable.toggleRowSelection(a, true); |
||||
} |
||||
} |
||||
}, |
||||
confirmDriver() { |
||||
if (this.multipleSelection.length === 0) { |
||||
this.$message.warning('请选择至少一条数据'); |
||||
return; |
||||
} |
||||
console.log('this.adada', this.multipleSelection); |
||||
this.isDriverShow = false; |
||||
//获取到表格的行坐标 |
||||
let i = 0; |
||||
this.driverInfo.forEach((item,index)=> { |
||||
if (item.id === this.multipleSelection[0].id) { |
||||
i = index; |
||||
} |
||||
}); |
||||
this.form.masterDriverName = this.driverInfo[i].name; |
||||
this.form.masterVehicleNub = this.vehticleInfo[i].vehicleNub; |
||||
|
||||
}, |
||||
// //数据字典数据获取 |
||||
getDictionary() { |
||||
getDictionaryBiz('addvalue_serve_type').then(res => { |
||||
this.addvalueServeTypeData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('distribution_type').then(res => { |
||||
this.deliveryTypeData = res.data.data; |
||||
}); |
||||
//订单来源 |
||||
getDictionaryBiz('order_source').then(res => { |
||||
this.orderSourceData = res.data.data; |
||||
console.log(this.deliveryTypeData); |
||||
}); |
||||
//预约状态 |
||||
getDictionaryBiz('resvervation_status').then(res => { |
||||
this.resvervationStatusData = res.data.data; |
||||
}); |
||||
//备货状态 |
||||
getDictionaryBiz('stockup_status').then(res => { |
||||
this.stockupStatusData = res.data.data; |
||||
}); |
||||
//时段 |
||||
getDictionaryBiz('period_of_time').then(res => { |
||||
this.periodOfTimeData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('delivery_way').then(res => { |
||||
this.deliveryWayData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('load_and_unload').then(res => { |
||||
this.loadAndUnloadData = res.data.data; |
||||
}); |
||||
//三方外协来源 |
||||
getDictionaryBiz('tripartite_source').then(res => { |
||||
this.tripartiteSourceData = res.data.data; |
||||
}); |
||||
}, |
||||
|
||||
ccc() { |
||||
this.aaa = true; |
||||
this.bbb = false; |
||||
this.form = {}; |
||||
this.loadAndUnload = []; |
||||
}, |
||||
ddd() { |
||||
this.aaa = false; |
||||
this.bbb = true; |
||||
this.form = {}; |
||||
this.loadAndUnload = []; |
||||
|
||||
}, |
||||
onSubmitOrder() { |
||||
const params = this.form; |
||||
let stockup = {}; |
||||
let tripartite = {}; |
||||
let data = {}; |
||||
|
||||
let allocationInfo = []; |
||||
//备货区数据构建 |
||||
if (params.loader) { |
||||
this.loaderData.forEach(a => { |
||||
if (params.loader === a.dictKey) { |
||||
stockup.loaderName = a.dictValue; |
||||
stockup.loaderId = a.dictKey; |
||||
} |
||||
}); |
||||
data.stockup = stockup; |
||||
} |
||||
if (params.forklift){ |
||||
this.forkliftData.forEach(b => { |
||||
if (params.forklift === b.dictKey) { |
||||
stockup.forkliftName = b.dictValue; |
||||
stockup.forkliftId = b.dictKey; |
||||
} |
||||
}); |
||||
data.stockup = stockup; |
||||
} |
||||
|
||||
if (params.goodsAreaId){ |
||||
|
||||
this.goodsAreaData.forEach(c => { |
||||
if (params.goodsAreaId === c.dictKey) { |
||||
stockup.goodsAreaId = c.dictKey; |
||||
stockup.goodsAreaName = c.dictValue; |
||||
} |
||||
|
||||
}); |
||||
data.stockup = stockup; |
||||
} |
||||
if (params.stockupDate) { |
||||
stockup.stockupDate = params.stockupDate; |
||||
data.stockup = stockup; |
||||
} |
||||
if (params.remarks) { |
||||
stockup.remarks = params.remarks; |
||||
data.stockup = stockup; |
||||
} |
||||
if (this.loadAndUnload.length>0){ |
||||
stockup.loadAndUnload = this.loadAndUnload.join(','); |
||||
data.stockup = stockup; |
||||
} |
||||
//判断是否是三方配送 |
||||
if (params.tripartiteSource) { |
||||
//三方配送数据构建 |
||||
if (params.driverName) { |
||||
tripartite.driverName = params.driverName; |
||||
} |
||||
if (params.deiverPhone) { |
||||
tripartite.deiverPhone = params.deiverPhone; |
||||
} |
||||
if (params.vehicleNum) { |
||||
tripartite.vehicleNum = params.vehicleNum; |
||||
} |
||||
if (params.deliveryFee) { |
||||
tripartite.deliveryFee = params.deliveryFee; |
||||
} |
||||
if (params.tripartiteSource) { |
||||
this.tripartiteSourceData.forEach(item => { |
||||
if (params.tripartiteSource === item.dictValue) { |
||||
tripartite.distributionCompanyId = item.dictKey; |
||||
tripartite.distributionCompany = item.dictValue; |
||||
} |
||||
}); |
||||
} |
||||
} else { |
||||
//自主配送数据构建 |
||||
if (this.driverList.length !== this.vehticleList.length) { |
||||
this.$message({ |
||||
message: '司机车辆数量有误!!!', |
||||
type: 'warning' |
||||
}); |
||||
return; |
||||
} else { |
||||
let info = []; |
||||
for (let i = 0; i < this.driverInfo.length; i++) { |
||||
let obj = {}; |
||||
obj.driver = this.driverInfo[i].name; |
||||
obj.driverId = this.driverInfo[i].id; |
||||
obj.driverPhone=this.driverInfo[i].phone; |
||||
obj.vehicleNub = this.vehticleInfo[i].vehicleNub; |
||||
obj.vehicleId = this.vehticleInfo[i].id; |
||||
info.push(obj); |
||||
this.driverInfo[i].name; |
||||
} |
||||
allocationInfo = info; |
||||
} |
||||
} |
||||
|
||||
// data.stockup = stockup; |
||||
data.masterDriverName = this.form.masterDriverName; |
||||
data.masterVehicleNub = this.form.masterVehicleNub; |
||||
data.allocationInfo = allocationInfo; |
||||
data.tripartite = tripartite; |
||||
data.reservationIds = this.ids; |
||||
console.log(data); |
||||
deliveryTask(data).then((res) => { |
||||
this.$router.push({ |
||||
path: '/distribution/deliverylist/distributionDeliveryListmar', |
||||
name:'配送市配列表' |
||||
}); |
||||
}); |
||||
}, |
||||
onLoad() { |
||||
this.loading = false; |
||||
if (this.ids){ |
||||
getReservationAddr(this.ids).then(res => { |
||||
const data = res.data.data; |
||||
data.forEach(item => { |
||||
// this.orderSourceData.forEach(a => { |
||||
// console.log("#######",a); |
||||
// if (item.orderSource === a.dictKey) { |
||||
// item.orderSource = a.dictValue; |
||||
// } |
||||
// }); |
||||
this.stockupStatusData.forEach(b => { |
||||
if (item.stockupStatus === b.dictKey) { |
||||
item.stockupStatus = b.dictValue; |
||||
} |
||||
}); |
||||
this.resvervationStatusData.forEach(e => { |
||||
if (item.reservationStatus === e.dictKey) { |
||||
item.reservationStatus = e.dictValue; |
||||
} |
||||
}); |
||||
this.deliveryTypeData.forEach(c => { |
||||
if (item.deliveryType === c.dictKey) { |
||||
item.deliveryType = c.dictValue; |
||||
} |
||||
}); |
||||
|
||||
this.deliveryWayData.forEach(c => { |
||||
if (item.deliveryWay === c.dictKey) { |
||||
item.deliveryWay = c.dictValue; |
||||
} |
||||
}); |
||||
this.periodOfTimeData.forEach(d => { |
||||
if (item.periodOfTime === d.dictKey) { |
||||
item.periodOfTime = d.dictValue; |
||||
} |
||||
}); |
||||
let pa = []; |
||||
if (item.serveType.length >= 1) { |
||||
pa = item.serveType.split(','); |
||||
} else { |
||||
pa.push(item.serveType); |
||||
} |
||||
this.addvalueServeTypeData.forEach(f => { |
||||
pa.forEach((p, index) => { |
||||
if (p === f.dictKey) { |
||||
pa[index] = f.dictValue; |
||||
} |
||||
}); |
||||
}); |
||||
item.serveType = pa; |
||||
}); |
||||
console.log('>>>>>>>>', data); |
||||
this.page.total = data.total; |
||||
this.data = data; |
||||
console.log('>>>>>>>>>>>', this.data); |
||||
this.loading = false; |
||||
}); |
||||
} |
||||
} |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
|
||||
@ -0,0 +1,947 @@
|
||||
<template> |
||||
<div class="head_top"> |
||||
<div @click="ccc" :class="aaa?'buts check':'buts'"> |
||||
自主配送 |
||||
</div> |
||||
<div @click="ddd" :class="bbb?'buts check':'buts'"> |
||||
外协 |
||||
</div> |
||||
</div> |
||||
<div style="margin: 2%;background-color: #ffffff;padding: 20px;box-sizing: border-box;" v-if="aaa"> |
||||
<el-form ref="form" :model="driverForm" label-width="100px" style="margin: 3px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="车辆信息:" prop="vehicleIds"> |
||||
<el-select |
||||
filterable |
||||
multiple |
||||
v-model="vehicleIds" |
||||
placeholder="请选择车辆" |
||||
@change="changeVehicle" |
||||
> |
||||
<el-option |
||||
v-for="item in vehicleData" |
||||
:key="item.id" |
||||
:label="item.vehicleNub" |
||||
:value="item.id" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="配送司机信息:" prop="goodsShelfId"> |
||||
<!-- @change="changeSlaveDriver"--> |
||||
<el-select |
||||
v-model="deliveryDriver" |
||||
multiple |
||||
filterable |
||||
@change="changeDriver" |
||||
|
||||
placeholder="请选择司机" |
||||
> |
||||
<el-option |
||||
v-for="item in driverData" |
||||
:key="item.id" |
||||
:label="item.name" |
||||
:value="item.id" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<span> |
||||
<el-form-item label="主司机:" prop="forklift"> |
||||
<el-input v-model="driverForm.masterDriverName" :disabled="true"> </el-input> |
||||
</el-form-item> |
||||
<el-form-item label="主车辆:" prop="forklift"> |
||||
<el-input v-model="driverForm.masterVehicleNub" :disabled="true"> </el-input> |
||||
</el-form-item> |
||||
</span> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-button round @click="viewDriverInfo" style="margin-left: 10%">查看司机配置</el-button> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
|
||||
<div style="margin: 2%;background-color: #ffffff;padding: 20px;box-sizing: border-box;" v-if="bbb"> |
||||
<el-form ref="form" :model="driverForm" label-width="100px" style="margin: 3px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="外协来源:" prop="goodsShelfId"> |
||||
<el-select filterable v-model="driverForm.tripartiteSource" placeholder="请选择来源"> |
||||
<el-option |
||||
v-for="item in tripartiteSourceData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="司机名称:" prop="goodsShelfId"> |
||||
<el-input v-model="driverForm.driverName" placeholder="请输入司机名称"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="司机电话:" prop="goodsShelfId"> |
||||
<el-input v-model="driverForm.driverPhone" placeholder="请输入司机电话"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="车辆车牌:" prop="goodsShelfId"> |
||||
<el-input v-model="driverForm.vehicleNum" placeholder="请输入本次费用"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="配送费用:" prop="goodsShelfId"> |
||||
<el-input v-model="driverForm.deliveryFee" placeholder="请输入本次费用"></el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<div style="margin: 2%;background-color: #ffffff;padding: 20px;box-sizing: border-box;"> |
||||
<el-form ref="form" :model="stockUpForm" label-width="100px" style="margin: 3px"> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="叉车司机:" prop="forklift"> |
||||
<el-select filterable v-model="stockUpForm.forklift" placeholder="请选择叉车司机"> |
||||
<el-option |
||||
v-for="item in this.forkliftData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey" |
||||
:disabled="isDisable" |
||||
> |
||||
</el-option> |
||||
<!-- {{this.forkliftData}}--> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="装卸班组:" prop="loader"> |
||||
<el-select filterable v-model="stockUpForm.loader" placeholder="请选择装卸班组"> |
||||
<el-option |
||||
v-for="item in loaderData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey" |
||||
:disabled="isDisable" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="班组职能:" prop="goodsAreaId"> |
||||
<el-checkbox-group v-model="loadAndUnload"> |
||||
<el-checkbox |
||||
v-for="item in loadAndUnloadData" |
||||
:label="item.dictKey" |
||||
:value="item.dictKey" |
||||
:disabled="isDisable" |
||||
> |
||||
<span>{{ item.dictValue }}</span> |
||||
</el-checkbox> |
||||
</el-checkbox-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="配送类型:" prop="goodsAreaId"> |
||||
<el-radio-group v-model="stockUpForm.deliveryType"> |
||||
<el-radio :label="'2'" :value="'2'">市配  </el-radio> |
||||
</el-radio-group> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
<el-row> |
||||
<el-col :span="6"> |
||||
<el-form-item label="备货区域:" prop="goodsAreaId"> |
||||
<el-select filterable v-model="stockUpForm.goodsAreaId" placeholder="请选择备货区域"> |
||||
<el-option |
||||
v-for="item in goodsAreaData" |
||||
:key="item.dictKey" |
||||
:label="item.dictValue" |
||||
:value="item.dictKey" |
||||
:disabled="isDisable" |
||||
> |
||||
</el-option> |
||||
</el-select> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="备货时间:" prop="goodsShelfId"> |
||||
<el-date-picker v-model="stockUpForm.stockupDate" type="datetime" placeholder="请选择备货时间" :disabled="isDisable"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="出库时间:" prop="outboundDate" label-width="100px"> |
||||
<!-- <el-date-picker v-model="form.taskTime"--> |
||||
<!-- type="datetime"--> |
||||
<!-- placeholder="请选择配车时间"--> |
||||
<!-- value-format="YYYY-MM-DD HH:mm:ss"--> |
||||
<!-- >--> |
||||
<!-- </el-date-picker>--> |
||||
<el-date-picker v-model="stockUpForm.outboundDate" value-format="YYYY-MM-DD HH:mm:ss" type="datetime" placeholder="请选择配车时间"> |
||||
</el-date-picker> |
||||
</el-form-item> |
||||
</el-col> |
||||
<el-col :span="6"> |
||||
<el-form-item label="其他费用:" prop="collectFee" label-width="100px"> |
||||
<el-input v-model="stockUpForm.otherFee" placeholder="请输入其他费用" /> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
<el-row> |
||||
<el-col :span="24"> |
||||
<el-form-item label="备注:" prop="remarks"> |
||||
<el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="stockUpForm.remarks"> |
||||
</el-input> |
||||
</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
</el-form> |
||||
</div> |
||||
<h3>预约列表</h3> |
||||
<div > |
||||
<el-row> |
||||
<el-table ref="table" v-loading="loading" |
||||
:data="data" |
||||
style="width: 100%; height:100%" |
||||
:border="option.border"> |
||||
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column> |
||||
<el-table-column v-if="option.index" label="序号" type="index" width="80px" |
||||
align="center"></el-table-column> |
||||
|
||||
<template v-for="(item,index) in option.column"> |
||||
<!-- table字段 --> |
||||
<el-table-column v-if="item.hide!==true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:key="index"> |
||||
</el-table-column> |
||||
</template> |
||||
<!-- 操作栏模块 --> |
||||
</el-table> |
||||
</el-row> |
||||
<el-form-item style="margin-left: 45%;margin-top: 10px"> |
||||
<el-button type="primary" icon="el-icon-circle-close" @click="onSubmitOrder">提交(配送内容)</el-button> |
||||
<el-button icon="el-icon-circle-close" @click="this.$router.go(-1)">返 回</el-button> |
||||
</el-form-item> |
||||
</div> |
||||
|
||||
<el-dialog title="司机配置" v-model="isDriverShow" width="50%"> |
||||
<div style="display: flex"> |
||||
<div style="flex: 1"> |
||||
<el-table |
||||
ref="multipleTable" |
||||
v-loading="loading" |
||||
:data="driverInfo" |
||||
style="width: 100%" |
||||
:border="option.border" |
||||
@select-all="handleSelect" |
||||
@select="handleSelect" |
||||
> |
||||
<el-table-column |
||||
type="selection" |
||||
v-if="option.selection" |
||||
width="55" |
||||
align="center" |
||||
|
||||
></el-table-column> |
||||
<template v-for="(item, index) in option.columnDriverInfo"> |
||||
<!-- table字段 --> |
||||
<el-table-column |
||||
v-if="item.hide !== true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:key="index" |
||||
style="height: 50px" |
||||
|
||||
> |
||||
</el-table-column> |
||||
</template> |
||||
<!-- 操作栏模块 --> |
||||
</el-table> |
||||
</div> |
||||
<div style="flex: 1"> |
||||
<el-table |
||||
ref="table" |
||||
v-loading="loading" |
||||
:data="vehticleInfo" |
||||
style="width: 100%" |
||||
:border="option.border" |
||||
> |
||||
<el-table-column type="expand" v-if="option.expand" align="center"></el-table-column> |
||||
<template v-for="(item, index) in option.columnVehicleInfo"> |
||||
<!-- table字段 --> |
||||
<el-table-column |
||||
v-if="item.hide !== true" |
||||
:prop="item.prop" |
||||
:label="item.label" |
||||
:width="item.width" |
||||
:key="index" |
||||
style="height: 50px" |
||||
> |
||||
</el-table-column> |
||||
</template> |
||||
<!-- 操作栏模块 --> |
||||
<el-table-column label="预约数量" type="index" width="200px"> |
||||
<template #="{ row }"> |
||||
<span> |
||||
<el-button type="primary" text size="small" @click="moveUpVehictle(row)" |
||||
>上移 |
||||
</el-button> |
||||
</span> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
|
||||
<el-form-item style="margin-left: 45%; margin-top: 10px"> |
||||
<span slot="footer" class="dialog-footer"> |
||||
<el-button type="primary" @click="confirmDriver">确 定</el-button> |
||||
<el-button @click="isDriverShow = false">取 消</el-button> |
||||
</span> |
||||
</el-form-item> |
||||
</el-dialog> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getDictionaryBiz } from '@/api/system/dict'; |
||||
import option from '@/option/distribution/distributionReservation'; |
||||
import { getListTeamInfo } from '@/api/basicdata/basicdataTeamGroup'; |
||||
import { deliveryTask, getReservationAddr } from '@/api/distribution/distributionReservation'; |
||||
import { getListUser } from '@/api/distribution/distributionStockup'; |
||||
import { getPostList } from '@/api/system/post'; |
||||
import { getListOwn } from '@/api/system/user'; |
||||
import { stockUpInfo } from '@/api/basicdata/basicdataGoodsArea'; |
||||
import { getVehicleList } from '@/api/basicdata/basicdataVehicle'; |
||||
import { getDriverList } from '@/api/basicdata/basicdataDriverArtery'; |
||||
import { mapGetters } from 'vuex'; |
||||
import dayjs from 'dayjs'; |
||||
|
||||
export default { |
||||
data() { |
||||
return { |
||||
height: 0, |
||||
loading: false, |
||||
error: null, |
||||
form: {}, |
||||
driverForm:{}, |
||||
stockUpForm:{}, |
||||
data: [], |
||||
// 分页信息 |
||||
page: { |
||||
currentPage: 1, |
||||
pageSize: 10, |
||||
total: 40 |
||||
}, |
||||
|
||||
query:{}, |
||||
aaa: true, |
||||
bbb: false, |
||||
option: option, |
||||
deliveryTypeData: [], |
||||
//配送类型字典列表 |
||||
resvervationStatusData: [], |
||||
//备货状态 |
||||
stockupStatusData: [], |
||||
//订单来源 |
||||
orderSourceData: [], |
||||
//预约时段 |
||||
periodOfTimeData: [], |
||||
//配送方式 |
||||
deliveryWayData: [], |
||||
//服务内容 |
||||
addvalueServeTypeData: [], |
||||
//基础车辆信息 |
||||
vehicleData: [], |
||||
//叉车信息 |
||||
forkliftData: [], |
||||
//班组信息 |
||||
loaderData: [], |
||||
//备货区信息 |
||||
goodsAreaData: [], |
||||
//部门信息 |
||||
deptId: '', |
||||
//司机信息 |
||||
driverData: [], |
||||
//装卸班组 |
||||
loadAndUnloadData: [], |
||||
//装卸 |
||||
tripartiteSourceData: [], |
||||
//装卸只能 |
||||
loadAndUnload: [], |
||||
//车辆信息 |
||||
vehicleIds: [], |
||||
//配送司机信息 |
||||
deliveryDriver: [], |
||||
//司机配置 |
||||
isDriverShow: false, |
||||
//车辆表格信息 |
||||
driverInfo: [], |
||||
//司机表格信息 |
||||
vehticleInfo: [], |
||||
//主司机 |
||||
masterDriverName: '', |
||||
//主车辆 |
||||
masterVehictleName: '', |
||||
//司机配置选中行信息 |
||||
multipleSelection: [], |
||||
// |
||||
multipleTable: {}, |
||||
stockArticleTable: [], |
||||
stockArticleList:[], |
||||
driverList: [], |
||||
vehticleList: [], |
||||
packageList:[], |
||||
//订单数据 |
||||
orderData:[], |
||||
//库存品数据 |
||||
inventoryData:[], |
||||
// |
||||
selectionList:[], |
||||
addvalue: {}, |
||||
//订单弹窗 |
||||
orderShow:false, |
||||
//库存品弹窗 |
||||
stockListShow:false, |
||||
//在库订单数据 |
||||
stockArticleInfo:[], |
||||
//库存品信息列表 |
||||
inventoryInfo:[], |
||||
//包件弹窗控制 |
||||
isShowPackage:false, |
||||
//包件数据 |
||||
packageData:[], |
||||
//班组职能 |
||||
loadAndUnload:[], |
||||
//服务类型 |
||||
serveType:[], |
||||
//外协数据来源 |
||||
tripartiteSourceData:[], |
||||
deliveryListId:'', |
||||
isDisable:false, |
||||
checked:true, |
||||
reservationIds:'', |
||||
obj:{ |
||||
type:Object, |
||||
default:()=>({}) |
||||
}, |
||||
isInitialized:false, |
||||
isUpdate:false, |
||||
}; |
||||
}, |
||||
watch:{ |
||||
// obj:{ |
||||
// deep:true, |
||||
// handler(newVal,oldVal){ |
||||
// if (this.isInitialized){ |
||||
// console.log('输入框的值'+JSON.stringify(oldVal)+'从变成了'+JSON.stringify(newVal)); |
||||
// //这里就需要返回一个false; |
||||
// this.isUpdate = true; |
||||
// }else { |
||||
// this.isInitialized=true; |
||||
// } |
||||
// } |
||||
// } |
||||
}, |
||||
created() { |
||||
this.$watch( |
||||
() => this.$route.params, |
||||
() => { |
||||
this.fetchData(); |
||||
}, |
||||
// 组件创建完后获取数据， |
||||
// 此时 data 已经被 observed 了 |
||||
{ immediate: true } |
||||
); |
||||
this.getDictionary(); |
||||
this.getFork(); |
||||
this.getTeam(); |
||||
this.getvehicleData(); |
||||
this.getMasterDriverData(); |
||||
}, |
||||
computed: { |
||||
...mapGetters(['permission']), |
||||
ids() { |
||||
let ids = []; |
||||
this.selectionList.forEach(ele => { |
||||
ids.push(ele.id); |
||||
}); |
||||
return ids.join(','); |
||||
} |
||||
}, |
||||
|
||||
mounted() { |
||||
this.onLoad(this.page); |
||||
}, |
||||
methods: { |
||||
//查询叉车人员 |
||||
async getFork() { |
||||
let ides = ''; |
||||
let ide = {}; |
||||
await getListUser().then(res => { |
||||
console.log('res>>>', res.data.data); |
||||
ides = res.data.data.tenantId; |
||||
this.deptId = res.data.data.deptId; |
||||
}); |
||||
await getPostList(ides).then(res => { |
||||
console.log('>>>>', res.data.data); |
||||
// this.forkliftData = res.data.data; |
||||
res.data.data.forEach(i => { |
||||
if (i.postName == '叉车') { |
||||
ide = i; |
||||
} |
||||
}); |
||||
}); |
||||
// console.log("ied>>>>>",ide); |
||||
let params = { |
||||
postId: ide.id, //岗位 |
||||
deptId: this.deptId //部门 |
||||
// roleId: '', //角色 |
||||
}; |
||||
getListOwn(Object.assign(params, this.query)).then(res => { |
||||
// console.log(".............",res.data.data); |
||||
let fo = []; |
||||
res.data.data.forEach(i => { |
||||
let a = { |
||||
dictKey: i.id, |
||||
dictValue: i.name |
||||
}; |
||||
fo.push(a); |
||||
}); |
||||
this.forkliftData = fo; |
||||
}); |
||||
await this.getStorageArea(); |
||||
await this.getTeam(); |
||||
}, |
||||
//查询班组 |
||||
async getTeam() { |
||||
let params = this.deptId; |
||||
console.log("%%%%%%%%%",params); |
||||
getListTeamInfo(params).then(res => { |
||||
console.log("aaaaaaaaa",res.data.data); |
||||
let fo = []; |
||||
res.data.data.forEach(i => { |
||||
let a = { |
||||
dictKey: i.id, |
||||
dictValue: i.groupName |
||||
}; |
||||
fo.push(a); |
||||
}); |
||||
this.loaderData = fo; |
||||
}); |
||||
}, |
||||
//备货区 |
||||
async getStorageArea() { |
||||
let params = this.deptId ; |
||||
console.log("^^^^^^^^^^^^^",params); |
||||
stockUpInfo(params).then(res => { |
||||
console.log("=========================》",res); |
||||
let fo = []; |
||||
res.data.data.forEach(i => { |
||||
let v = { |
||||
dictKey: i.id, |
||||
dictValue: i.headline |
||||
}; |
||||
fo.push(v); |
||||
}); |
||||
this.goodsAreaData = fo; |
||||
}); |
||||
}, |
||||
//查询司机信息 |
||||
getMasterDriverData() { |
||||
return new Promise((rv,rev)=>{ |
||||
getDriverList(1, 10, '').then(res => { |
||||
this.driverData = res.data.data.records; |
||||
console.log("===============>",res.data.data); |
||||
rv(res.data.data.records) |
||||
}); |
||||
}) |
||||
}, |
||||
selectionChange(list) { |
||||
//只要这个触发就认定为该包件进行了重新勾选，不论数据是否发生变化 |
||||
this.selectionList = list; |
||||
console.log(" this.selectionList = list", this.selectionList); |
||||
this.orderData.forEach(item=>{ |
||||
if (item.id===this.obj.id){ |
||||
item.isUpdate = true; |
||||
} |
||||
}) |
||||
//这里就为当前选择的订单进行包件信息的添加 |
||||
// this.obj. |
||||
}, |
||||
selectionStockArticleChange(list) { |
||||
this.stockArticleList = list; |
||||
}, |
||||
|
||||
|
||||
//查询车辆信息 |
||||
getvehicleData() { |
||||
return new Promise((rv,rev)=>{ |
||||
getVehicleList(1, 10, '').then(res => { |
||||
this.vehicleData = res.data.data.records; |
||||
console.log("^^^^^^^^^^^^^^^^",res.data.data); |
||||
rv(res.data.data.records) |
||||
}); |
||||
}) |
||||
}, |
||||
fetchData() { |
||||
this.error = this.post = null; |
||||
this.loading = true; |
||||
if (this.$route.query.id) { |
||||
this.reservationIds = this.$route.query.id; |
||||
} |
||||
}, |
||||
viewDriverInfo() { |
||||
console.log(this.driverInfo.length); |
||||
console.log(this.vehticleInfo.length); |
||||
if (this.driverList.length !== this.vehticleList.length) { |
||||
this.$message({ |
||||
message: '司机车辆数量有误!!!', |
||||
type: 'warning' |
||||
}); |
||||
return; |
||||
} |
||||
this.isDriverShow = true; |
||||
}, |
||||
handleClose(done) { |
||||
this.$confirm('确认关闭？') |
||||
.then(_ => { |
||||
done(); |
||||
}) |
||||
.catch(_ => { |
||||
}); |
||||
}, |
||||
onSubmitOrder() { |
||||
let stockup = {}; |
||||
let tripartite = {}; |
||||
let data = {}; |
||||
let allocationInfo = []; |
||||
if (this.driverForm){ |
||||
//这里就表示司机信息存在，那么就需要构建司机的信息 |
||||
//自主配送数据构建 |
||||
if (this.driverList.length !== this.vehticleList.length) { |
||||
this.$message({ |
||||
message: '司机车辆数量有误!!!', |
||||
type: 'warning' |
||||
}); |
||||
return; |
||||
} else { |
||||
let info = []; |
||||
for (let i = 0; i < this.driverInfo.length; i++) { |
||||
let obj = {}; |
||||
obj.driver = this.driverInfo[i].name; |
||||
obj.driverId = this.driverInfo[i].id; |
||||
obj.driverPhone=this.driverInfo[i].phone; |
||||
obj.vehicleNub = this.vehticleInfo[i].vehicleNub; |
||||
obj.vehicleId = this.vehticleInfo[i].id; |
||||
info.push(obj); |
||||
this.driverInfo[i].name; |
||||
} |
||||
allocationInfo = info; |
||||
} |
||||
data.allocationInfo = allocationInfo; |
||||
data.masterDriverName = this.form.masterDriverName; |
||||
data.masterVehicleNub = this.form.masterVehicleNub; |
||||
} |
||||
if (this.stockUpForm) { |
||||
let params = this.stockUpForm; |
||||
if (params.tripartiteSource) { |
||||
//三方配送数据构建 |
||||
if (params.driverName) { |
||||
tripartite.driverName = params.driverName; |
||||
} |
||||
if (params.deiverPhone) { |
||||
tripartite.deiverPhone = params.deiverPhone; |
||||
} |
||||
if (params.vehicleNum) { |
||||
tripartite.vehicleNum = params.vehicleNum; |
||||
} |
||||
if (params.deliveryFee) { |
||||
tripartite.deliveryFee = params.deliveryFee; |
||||
} |
||||
if (params.tripartiteSource) { |
||||
this.tripartiteSourceData.forEach(item => { |
||||
if (params.tripartiteSource === item.dictValue) { |
||||
tripartite.distributionCompanyId = item.dictKey; |
||||
tripartite.distributionCompany = item.dictValue; |
||||
} |
||||
}); |
||||
} |
||||
data.tripartite = tripartite; |
||||
}else { |
||||
// 自主配送 |
||||
if (params.loader) { |
||||
this.loaderData.forEach(a => { |
||||
if (params.loader === a.dictKey) { |
||||
stockup.loaderName = a.dictValue; |
||||
stockup.loaderId = a.dictKey; |
||||
} |
||||
}); |
||||
} |
||||
if (params.forklift){ |
||||
this.forkliftData.forEach(b => { |
||||
if (params.forklift === b.dictKey) { |
||||
stockup.forkliftName = b.dictValue; |
||||
stockup.forkliftId = b.dictKey; |
||||
} |
||||
}); |
||||
} |
||||
if (params.goodsAreaId){ |
||||
this.goodsAreaData.forEach(c => { |
||||
if (params.goodsAreaId === c.dictKey) { |
||||
stockup.goodsAreaId = c.dictKey; |
||||
stockup.goodsAreaName = c.dictValue; |
||||
} |
||||
}); |
||||
} |
||||
if (params.stockupDate) { |
||||
stockup.stockupDate = params.stockupDate; |
||||
} |
||||
if (params.remarks) { |
||||
stockup.remarks = params.remarks; |
||||
} |
||||
if (this.loadAndUnload.length>0){ |
||||
stockup.loadAndUnload = this.loadAndUnload.join(','); |
||||
} |
||||
if (params.outboundDate){ |
||||
stockup.outboundDate = params.outboundDate; |
||||
} |
||||
data.stockup = stockup; |
||||
} |
||||
} |
||||
data.reservationIds = this.reservationIds; |
||||
console.log(">>>>>>>>>>>>",data); |
||||
deliveryTask(data).then((res) => { |
||||
this.$router.push({ |
||||
path: '/distribution/deliverylist/distributionDeliveryListmar', |
||||
name:'配送市配列表' |
||||
}); |
||||
}); |
||||
}, |
||||
changeVehicle(params) { |
||||
console.log(params); |
||||
this.vehticleList = params; |
||||
let b = []; |
||||
if (params) { |
||||
this.vehicleData.forEach(item => { |
||||
this.vehticleList.forEach(p => { |
||||
if (p == item.id) { |
||||
b.push(item); |
||||
console.log(this.driverInfo); |
||||
} |
||||
}); |
||||
if (params[0] === item.id) { |
||||
this.driverForm.masterVehicleNub = item.vehicleNub; |
||||
} |
||||
}); |
||||
this.vehticleInfo = b; |
||||
} |
||||
}, |
||||
changeDriver(params) { |
||||
this.driverList = params; |
||||
let a = []; |
||||
if (params) { |
||||
this.driverData.forEach(item => { |
||||
this.driverList.forEach(p => { |
||||
if (p == item.id) { |
||||
a.push(item); |
||||
console.log(this.driverInfo); |
||||
} |
||||
}); |
||||
if (params[0] === item.id) { |
||||
this.driverForm.masterDriverName = item.name; |
||||
} |
||||
}); |
||||
this.driverInfo = a; |
||||
} |
||||
}, |
||||
//上移 |
||||
moveUpVehictle(row) { |
||||
let i = 0; |
||||
this.vehticleInfo.forEach((item, index) => { |
||||
if (item.id === row.id) { |
||||
i = index; |
||||
} |
||||
}); |
||||
//获取当当前选中的下标，如果下标为第一个则不能上移 |
||||
if (i > 0) { |
||||
let a = this.vehticleInfo[i - 1]; |
||||
this.vehticleInfo.splice(i - 1, 1); |
||||
this.vehticleInfo.splice(i, 0, a); |
||||
} else { |
||||
this.$message({ |
||||
message: '已经是第一条，上移失败', |
||||
type: 'warning', |
||||
}); |
||||
} |
||||
console.log(this.vehticleInfo); |
||||
}, |
||||
handleSelect(selection, row) { |
||||
// 阻止全选框原有逻辑 |
||||
this.$refs.multipleTable.clearSelection(); |
||||
if (row) { |
||||
if (selection.length === 1) { |
||||
this.multipleSelection = row; |
||||
this.$refs.multipleTable.toggleRowSelection(row, true); |
||||
} else if (selection.length > 1) { |
||||
let a = {}; |
||||
selection.forEach((s, index) => { |
||||
if (s.id === row.id) { |
||||
selection.splice(index, 1); |
||||
a = s; |
||||
} |
||||
}); |
||||
this.multipleSelection = selection; |
||||
this.$refs.multipleTable.toggleRowSelection(a, true); |
||||
} |
||||
} |
||||
}, |
||||
confirmDriver() { |
||||
if (this.multipleSelection.length === 0) { |
||||
this.$message.warning('请选择至少一条数据'); |
||||
return; |
||||
} |
||||
console.log('this.adada', this.multipleSelection); |
||||
this.isDriverShow = false; |
||||
//获取到表格的行坐标 |
||||
let a = 0; |
||||
this.driverInfo.forEach((item, index) => { |
||||
if (item.id === this.multipleSelection.id) { |
||||
a = index; |
||||
} |
||||
}); |
||||
this.driverForm.masterDriverName = this.driverInfo[a].name; |
||||
this.driverForm.masterVehicleNub = this.vehticleInfo[a].vehicleNub; |
||||
}, |
||||
// //数据字典数据获取 |
||||
getDictionary() { |
||||
getDictionaryBiz('addvalue_serve_type').then(res => { |
||||
this.addvalueServeTypeData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('load_and_unload').then(res => { |
||||
this.loadAndUnloadData = res.data.data; |
||||
}); |
||||
getDictionaryBiz('delivery_way').then(res => { |
||||
this.deliveryWayData = res.data.data; |
||||
}); |
||||
//三方外协来源 |
||||
getDictionaryBiz('tripartite_source').then(res => { |
||||
this.tripartiteSourceData = res.data.data; |
||||
}); |
||||
}, |
||||
|
||||
ccc() { |
||||
if (this.deliveryListId){ |
||||
//清空司机、车辆信息 |
||||
this.driverForm.tripartiteSource = ''; |
||||
this.driverForm.driverName = ''; |
||||
this.driverForm.driverPhone = ''; |
||||
this.driverForm.vehicleNum = ''; |
||||
this.driverForm.deliveryFee = ''; |
||||
}else { |
||||
this.loadAndUnload = []; |
||||
this.serveType=[]; |
||||
this.driverForm = {}; |
||||
} |
||||
this.aaa = true; |
||||
this.bbb = false; |
||||
this.stockUpForm.deliveryType="2"; |
||||
this.stockUpForm.deliveryWay="2"; |
||||
this.stockUpForm.stockupDate = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
||||
this.stockUpForm.outboundDate = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
||||
}, |
||||
ddd() { |
||||
if (this.deliveryListId){ |
||||
this.vehicleIds=[]; |
||||
this.deliveryDriver=[]; |
||||
this.driverForm.masterDriverName = ''; |
||||
this.driverForm.masterVehicleNub = ''; |
||||
}else { |
||||
this.loadAndUnload = []; |
||||
this.serveType=[]; |
||||
this.driverForm={}; |
||||
} |
||||
this.aaa = false; |
||||
this.bbb = true; |
||||
this.stockUpForm.deliveryType="2"; |
||||
this.stockUpForm.deliveryWay="2"; |
||||
this.stockUpForm.stockupDate = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
||||
this.stockUpForm.outboundDate = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
||||
}, |
||||
selectionClear() { |
||||
this.selectionList = []; |
||||
this.query={}; |
||||
}, |
||||
|
||||
onLoad(page, params = {}) { |
||||
console.log("》》》》》》》》》》》》》》》",this.reservationIds); |
||||
//初始化页面数据 |
||||
this.stockUpForm.deliveryType="2"; |
||||
this.stockUpForm.deliveryWay="2"; |
||||
this.stockUpForm.stockupDate = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
||||
this.stockUpForm.outboundDate = dayjs().format('YYYY-MM-DD HH:mm:ss'); |
||||
this.stockUpForm.otherFee = 0 ; |
||||
if (this.reservationIds){ |
||||
let ids =this.reservationIds; |
||||
getReservationAddr(ids).then(res => { |
||||
console.log("------------->",res); |
||||
const reservationData = res.data.data; |
||||
this.page.total = reservationData.total; |
||||
this.data = reservationData.records; |
||||
console.log('>>>>>>>>>>>', this.data); |
||||
this.loading = false; |
||||
}); |
||||
} |
||||
this.loading = false; |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.head_top { |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
background-color: #ffffff; |
||||
// border-bottom: 1px solid rgb(228, 228, 228); |
||||
padding-left: 10px; |
||||
|
||||
>.buts{ |
||||
padding: 10px 20px; |
||||
cursor: pointer; |
||||
margin-right: 10px; |
||||
font-size: 18px; |
||||
border-bottom: 4px solid #ffffff; |
||||
// background-color: #ffffff; |
||||
} |
||||
.check{ |
||||
color: #D3832A; |
||||
border-bottom: 4px solid #D3832A; |
||||
} |
||||
} |
||||
.minaxbox{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
.tophed{ |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
|
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue