Browse Source

1.配送详情

dev-warehouse
0.0 2 years ago
parent
commit
370be271bc
  1. 27
      src/views/distribution/deliverylist/distributionDeliveryList.vue
  2. 15
      src/views/distribution/deliverylist/distributionDeliveryList2.vue
  3. 15
      src/views/distribution/deliverylist/distributionDeliveryList3.vue
  4. 177
      src/views/distribution/deliverylist/distributionDeliveryListedt.vue

27
src/views/distribution/deliverylist/distributionDeliveryList.vue

@ -11,12 +11,18 @@
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- </el-row>-->
<el-row :gutter="24" class="rows">
<el-col :xl="7" :lg="7" :md="8" :sm="24" >
<span style="padding-left: 10%" >配送总车次{{statistics.vehiclesNub}}/总件数{{statistics.deliveriesTotal}} </span>
</el-col>
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>商配总车次{{statistics.commercialNub}}/总件数{{statistics.commercialTotal}} </span>
</el-col>
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>市配总车次{{statistics.marketNub}}/总件数{{statistics.marketTotal}} </span>
</el-col>
</el-row>
<el-row style="margin-top: 30px">
<!-- <el-button-group>-->
<!-- <el-button type="primary" @click="deliverytype('')" >全部</el-button>-->
<!-- <el-button type="primary" @click="deliverytype('2')">商配<i class="el-icon-arrow-right el-icon&#45;&#45;right"></i></el-button>-->
<!-- <el-button type="primary" @click="deliverytype('1')">市配</el-button>-->
<!-- </el-button-group>-->
<div class="avue-crud__header">
<!-- 头部左侧按钮模块 -->
<div class="avue-crud__left" style="margin-top: 20px">
@ -54,11 +60,9 @@
<!-- 操作栏模块 -->
<el-table-column prop="menu" label="操作" :width="220" align="center">
<template #="{row}">
<el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查看</el-button>
<!-- <el-button type="primary" text icon="el-icon-view" @click="handleView(row)">查看</el-button>-->
<el-button type="primary" text icon="el-icon-view" @click="handleViewBlank(row)">查看</el-button>
<el-button type="primary" text icon="el-icon-view" @click="handleViewBlank(row)">查看地图</el-button>
<!-- <el-button type="primary" text icon="el-icon-edit" @click="handleEdit(row)">编辑</el-button>-->
<!-- <el-button type="primary" text icon="el-icon-delete" @click="rowDel(row)">删除</el-button>-->
</template>
</el-table-column>
</el-table>
@ -142,7 +146,7 @@
</template>
<script>
import { getList, getDetail, add, update, remove,getPage } from "@/api/distribution/distributionDeliveryList";
import { getList, getDetail, add, update, remove,getPage,getstatistics } from "@/api/distribution/distributionDeliveryList";
import option from "@/option/distribution/distributionDeliveryList";
import { mapGetters } from "vuex";
import { getDictionaryBiz } from '@/api/system/dict';
@ -163,6 +167,8 @@ export default {
view: false,
//
query: {},
//
statistics:{},
//
page: {
currentPage: 1,
@ -372,6 +378,9 @@ export default {
this.loading = false;
this.selectionClear();
});
getstatistics(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
this.statistics = res.data.data
});
getDetail(row.id).then(res => {
this.form = res.data.data;
});

15
src/views/distribution/deliverylist/distributionDeliveryList2.vue

@ -11,6 +11,14 @@
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- </el-row>-->
<el-row :gutter="24" class="rows">
<el-col :xl="14" :lg="7" :md="8" :sm="24" >
<span style="padding-left: 10%" >配送总车次{{statistics.vehiclesNub}}/总件数{{statistics.deliveriesTotal}} </span>
</el-col>
<el-col :xl="10" :lg="7" :md="8" :sm="24">
<span>商配总车次{{statistics.commercialNub}}/总件数{{statistics.commercialTotal}} </span>
</el-col>
</el-row>
<el-row style="margin-top: 30px">
<!-- <el-button-group>-->
<!-- <el-button type="primary" @click="deliverytype('')" >全部</el-button>-->
@ -142,7 +150,7 @@
</template>
<script>
import { getList, getDetail, add, update, remove } from "@/api/distribution/distributionDeliveryList";
import { getList, getDetail, add, update, remove, getstatistics } from '@/api/distribution/distributionDeliveryList';
import option from "@/option/distribution/distributionDeliveryList";
import { mapGetters } from "vuex";
import { getDictionaryBiz } from '@/api/system/dict';
@ -163,6 +171,8 @@ export default {
view: false,
//
query: {},
//
statistics:{},
//
page: {
currentPage: 1,
@ -373,6 +383,9 @@ export default {
this.loading = false;
this.selectionClear();
});
getstatistics(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
this.statistics = res.data.data
});
getDetail(row.id).then(res => {
this.form = res.data.data;
});

15
src/views/distribution/deliverylist/distributionDeliveryList3.vue

@ -11,6 +11,14 @@
<!-- </el-form-item>-->
<!-- </el-form>-->
<!-- </el-row>-->
<el-row :gutter="24" class="rows">
<el-col :xl="14" :lg="7" :md="8" :sm="24" >
<span style="padding-left: 10%" >配送总车次{{statistics.vehiclesNub}}/总件数{{statistics.deliveriesTotal}} </span>
</el-col>
<el-col :xl="10" :lg="7" :md="8" :sm="24">
<span>市配总车次{{statistics.marketNub}}/总件数{{statistics.marketTotal}} </span>
</el-col>
</el-row>
<el-row style="margin-top: 30px">
<!-- <el-button-group>-->
<!-- <el-button type="primary" @click="deliverytype('')" >全部</el-button>-->
@ -142,7 +150,7 @@
</template>
<script>
import { getList, getDetail, add, update, remove } from "@/api/distribution/distributionDeliveryList";
import { getList, getDetail, add, update, remove, getstatistics } from '@/api/distribution/distributionDeliveryList';
import option from "@/option/distribution/distributionDeliveryList";
import { mapGetters } from "vuex";
import { getDictionaryBiz } from '@/api/system/dict';
@ -163,6 +171,8 @@ export default {
view: false,
//
query: {},
//
statistics:{},
//
page: {
currentPage: 1,
@ -373,6 +383,9 @@ export default {
this.loading = false;
this.selectionClear();
});
getstatistics(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
this.statistics = res.data.data
});
getDetail(row.id).then(res => {
this.form = res.data.data;
});

177
src/views/distribution/deliverylist/distributionDeliveryListedt.vue

@ -7,13 +7,32 @@
<!-- <el-tag>序号:{{row.$index}}-数据:{{row.input}}</el-tag>-->
<!-- </template>-->
<!-- </avue-form>-->
<el-row>
<el-col :offset="11" >
<el-button type="primary" @click="rowUpdate" v-if="!this.edt"> </el-button>
<el-row :gutter="24" class="rows">
<el-col :xl="7" :lg="7" :md="8" :sm="24" >
<span>配送类型{{deliverydata.kind}} </span>
</el-col>
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>配送车辆{{deliverydata.vehicleName}} </span>
</el-col>
</el-row>
<el-row :gutter="24" class="rows">
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>配送司机{{deliverydata.driverName}} </span>
</el-col>
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>叉车司机{{deliverydata.forkliftName}} </span>
</el-col>
</el-row>
<el-divider>维修记录</el-divider>
<el-row v-if="!this.edt">
<el-row :gutter="24" class="rows">
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>装卸班组{{deliverydata.loadingTeamName}} </span>
</el-col>
<el-col :xl="7" :lg="7" :md="8" :sm="24">
<span>{{deliverydata.loadingTeamType}} </span>
</el-col>
</el-row>
<el-divider>订单列表</el-divider>
<el-row>
<div class="avue-crud__header">
<!-- 头部左侧按钮模块 -->
<div class="avue-crud__left">
@ -186,9 +205,7 @@
</template>
<script>
import {getList as getListvalue, getDetail as getDetailvalue, add as addvalue, update as updatevalue, remove as value} from "@/api/basic/basicPropertyvalue";
import {getList as getListField} from "@/api/basic/basicPropertyfield";
import { getList, getDetail, add, update, remove } from '@/api/basic/basicrecords';
import { getList, getDetail, add, update, remove,getPage,getstatistics } from "@/api/distribution/distributionDeliveryList";
import option from '@/option/basic/basicPdarecords';
import { mapGetters } from 'vuex';
import { getDictionaryBiz } from '@/api/system/dict';
@ -206,6 +223,7 @@ export default {
search: true,
//
isadd: false,
deliverydata:{},
//
loading: true,
//
@ -231,7 +249,68 @@ export default {
//
stateData: [],
//
option: option,
option: {
expand: false,
index: true,
border: true,
selection: true,
column: [
{
label: "配送单号",
prop: "noteNumber",
search: true,
width:"100px"
},
{
label: "收货人",
prop: "consignee",
search: true,
width:"100px"
},
{
label: "收货电话",
prop: "businessDepartment",
search: true,
width:"100px"
},
{
label: "收货地址",
prop: "deliveryAddress",
search: true,
width:"100px"
},
{
label: "订单自编号",
prop: "stockArticleId",
search: true,
width:"100px"
},
{
label: "收货地址",
prop: "businessDepartment",
search: true,
width:"100px"
},
{
label: "装车件数",
prop: "businessDepartment",
search: true,
width:"100px"
},
{
label: "配送件数",
prop: "businessDepartment",
search: true,
width:"100px"
},
{
label: "是否加急",
prop: "businessDepartment",
search: true,
width:"100px"
},
]
},
propertyoption: {
height:'auto',
calcHeight: 30,
@ -274,21 +353,28 @@ export default {
},
//
data: [],
};
},
// props: {
// propertyformdata:{
// type:Object,
// },
// propertyoptiondata:{
// type:Object,
// },
// },
watch: {
// eslint-disable-next-line no-unused-vars
'$route'(to, from) {
// this.isadd =false;
// this.query.masterId = null;
// this.masterId = null;
if (!!this.$route.query.data) {
// //
// // this.isadd =true;
// this.query.masterId = this.$route.query.data;
// this.masterId = this.$route.query.data;
//
this.onLoad(this.page);
} else {
}
}
},
mounted() {
// this.init();
// this.onLoad(this.page);
this.init();
this.onLoad();
},
created() {
// //
@ -358,13 +444,6 @@ export default {
handleSubmit() {
this.$refs.form.validate(valid => {
if (valid) {
//json
const filteredKeys = Object.keys(this.form).filter(key => key.includes('value'));
const filteredObj = filteredKeys.reduce((result, key) => {
result[key] = this.form[key];
return result;
}, {});
const jsonString = JSON.stringify(filteredObj);
this.form.stringValue =jsonString;
if (!this.form.id) {
this.form.masterId = this.propertyformdata.id;
@ -479,42 +558,16 @@ export default {
this.page.pageSize = pageSize;
this.onLoad(this.page);
},
onLoad(page, params = {}) {
// if (this.pdaformdata) {
let id = this.propertyformdata.id;
this.query.masterId = id
// }
onLoad() {
//
this.loading = true;
getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
const data = res.data.data;
// eslint-disable-next-line no-empty
for (let i = 0; i < data.records.length; i++) {
// eslint-disable-next-line no-empty
for (let j = 0; j < this.isLiabilityData.length; j++) {
// eslint-disable-next-line no-empty
if (data.records[i].isLiability == this.isLiabilityData[j].dictKey) {
data.records[i].isLiability = this.isLiabilityData[j].dictValue;
}
}
}
this.page.total = data.total;
this.data = data.records;
this.loading = false;
this.selectionClear();
let id = this.$route.query.id;
getDetail(id).then(res => {
console.log("res.data>>>>>>>>>>>>",res.data.data);
this.deliverydata = res.data.data
this.data = res.data.data.reservationList
});
// getDetailPda(id).then(res => {
// const data = res.data.data;
// this.dataForm = data;
//
// });
console.log('this.edt>>>>>>>>>>>>>>',this.edt);
this.dataForm = this.propertyformdata;
this.propertyoption = this.propertyoptiondata;
this.propertyoption.emptyBtn = false,//
this.propertyoption.submitBtn = false //
this.loading = false;
}
}
};

Loading…
Cancel
Save