md
This commit is contained in:
parent
41f116a61d
commit
3d50275fd6
@ -85,6 +85,24 @@ export function getEmisWaybill(id) {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export function getOmsOrderStatInfo() {
|
||||||
|
return request({
|
||||||
|
url: '/oms2c/emisWaybill/getOmsOrderStatInfo',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getLatestMonthCreateOrderMapList() {
|
||||||
|
return request({
|
||||||
|
url: '/oms2c/emisWaybill/getLatestMonthCreateOrderMapList',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// 新增运单列表
|
// 新增运单列表
|
||||||
export function addEmisWaybill(data) {
|
export function addEmisWaybill(data) {
|
||||||
return request({
|
return request({
|
||||||
|
|||||||
@ -78,13 +78,13 @@
|
|||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="4" style=" border-right: 1px solid #ebebeb;">
|
<el-col :span="4" style=" border-right: 1px solid #ebebeb;">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<span @click="goRouter('/websites')">0</span>
|
<span @click="goRouter('/websites')">{{ omsOrderState.issueCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title" style="color:red">异常件</div>
|
<div class="title" style="color:red">异常件</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<span @click="goRouter('/websites')">0</span>
|
<span @click="goRouter('/websites')">{{ omsOrderState.totalCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">总订单量</div>
|
<div class="title">总订单量</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -96,25 +96,25 @@
|
|||||||
</el-col> -->
|
</el-col> -->
|
||||||
<el-col :span="3">
|
<el-col :span="3">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<span @click="goRouter('/websites')">0</span>
|
<span @click="goRouter('/websites')">{{ omsOrderState.waitGotCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">待接单</div>
|
<div class="title">待接单</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="3">
|
<el-col :span="3">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<span @click="goRouter('/websites')">0</span>
|
<span @click="goRouter('/websites')">{{ omsOrderState.transCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">运输中</div>
|
<div class="title">运输中</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="3">
|
<el-col :span="3">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<span @click="goRouter('/websites')">0</span>
|
<span @click="goRouter('/websites')">{{ omsOrderState.dispatchCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">派送中</div>
|
<div class="title">派送中</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<div class="count">
|
<div class="count">
|
||||||
<span @click="goRouter('/websites')">0</span>
|
<span @click="goRouter('/websites')">{{ omsOrderState.signCount }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="title">已签收</div>
|
<div class="title">已签收</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
@ -222,7 +222,7 @@
|
|||||||
|
|
||||||
<CardWithHeader header="订单量统计" height="400px">
|
<CardWithHeader header="订单量统计" height="400px">
|
||||||
<template v-slot:body>
|
<template v-slot:body>
|
||||||
<line-chart :chart-data="lineChartData" />
|
<LineOrderChart :chart-data="orderStateData" />
|
||||||
</template>
|
</template>
|
||||||
</CardWithHeader>
|
</CardWithHeader>
|
||||||
|
|
||||||
@ -299,15 +299,18 @@ import { GridLayout, GridItem } from 'vue-grid-layout'
|
|||||||
|
|
||||||
import CardWithHeader from '@/components/CardWithHeader/index.vue';
|
import CardWithHeader from '@/components/CardWithHeader/index.vue';
|
||||||
import RaddarChart from './common/RaddarChart.vue';
|
import RaddarChart from './common/RaddarChart.vue';
|
||||||
import LineChart from './common/LineChart.vue';
|
import LineOrderChart from './common/LineOrderChart.vue';
|
||||||
import QuickLink from './common/QuickLink.vue';
|
import QuickLink from './common/QuickLink.vue';
|
||||||
|
import { getOmsOrderStatInfo,getLatestMonthCreateOrderMapList } from "@/api/oms/emisWaybill";
|
||||||
|
|
||||||
|
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
export default {
|
export default {
|
||||||
name: 'Index',
|
name: 'Index',
|
||||||
components: {
|
components: {
|
||||||
CardWithHeader,
|
CardWithHeader,
|
||||||
RaddarChart,
|
RaddarChart,
|
||||||
LineChart,
|
LineOrderChart,
|
||||||
QuickLink,
|
QuickLink,
|
||||||
GridLayout,
|
GridLayout,
|
||||||
GridItem
|
GridItem
|
||||||
@ -316,6 +319,18 @@ export default {
|
|||||||
return {
|
return {
|
||||||
billCode:null,
|
billCode:null,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
omsOrderState:{
|
||||||
|
dispatchCount: 0,
|
||||||
|
issueCount:0,
|
||||||
|
signCount:0,
|
||||||
|
totalCount:0,
|
||||||
|
transCount:0,
|
||||||
|
waitGotCount:0
|
||||||
|
},
|
||||||
|
orderStateData:{
|
||||||
|
xAxisData:[],
|
||||||
|
orderStateData:[]
|
||||||
|
},
|
||||||
lineChartData: lineChartData.newVisitis,
|
lineChartData: lineChartData.newVisitis,
|
||||||
layout: [
|
layout: [
|
||||||
{ x: 0, y: 0, w: 3, h: 2, i: '1', static: false },
|
{ x: 0, y: 0, w: 3, h: 2, i: '1', static: false },
|
||||||
@ -328,12 +343,41 @@ export default {
|
|||||||
...mapGetters(['avatar', 'nickName']),
|
...mapGetters(['avatar', 'nickName']),
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
this.initOmsOrderState();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
layoutUpdatedEvent(newLayout) {
|
layoutUpdatedEvent(newLayout) {
|
||||||
this.layout = newLayout;
|
this.layout = newLayout;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
initOmsOrderState() {
|
||||||
|
// 统计
|
||||||
|
getOmsOrderStatInfo().then(response => {
|
||||||
|
console.log("====>getOmsOrderStatInfo===>",response);
|
||||||
|
this.omsOrderState = response.data;
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
getLatestMonthCreateOrderMapList().then(response => {
|
||||||
|
console.log("====>getLatestMonthCreateOrderMapList===>",response);
|
||||||
|
|
||||||
|
let xData=[];
|
||||||
|
let yData=[];
|
||||||
|
// 做数据转换
|
||||||
|
response.data.forEach(item => {
|
||||||
|
xData.push(item.createDay);
|
||||||
|
yData.push(item.totalNum);
|
||||||
|
});
|
||||||
|
|
||||||
|
this.orderStateData.xAxisData=[...xData];
|
||||||
|
this.orderStateData.orderStateData=[...yData];
|
||||||
|
console.log("====>this.orderStateData===>",this.orderStateData);
|
||||||
|
|
||||||
|
// this.orderStateList = response.data;
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
moveEvent(){
|
moveEvent(){
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|||||||
@ -243,7 +243,17 @@
|
|||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24" v-if="form.pickupMethod==1">
|
<el-col :span="24" v-if="form.pickupMethod==1">
|
||||||
<el-form-item :label="$t('发货时间')" prop="pickTimeRange">
|
<el-form-item :label="$t('发货时间')" prop="pickTimeRange">
|
||||||
<TimePicker v-model="form.pickTimeRange" ></TimePicker>
|
<!-- <TimePicker v-model="form.pickTimeRange" ></TimePicker> -->
|
||||||
|
<el-date-picker
|
||||||
|
style="width: 100%;"
|
||||||
|
format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
v-model="form.pickStartDate"
|
||||||
|
type="datetime"
|
||||||
|
placeholder="发货时间"
|
||||||
|
:picker-options="pickStartDateOption"
|
||||||
|
|
||||||
|
></el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
@ -616,28 +626,6 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
|
|
||||||
<!--
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item :label="$t('订单备注')" prop="remark" label-width="70px">
|
|
||||||
<el-input v-model="form.remark" type="textarea" placeholder="" maxlength="150" oninput="value=value.replace(/[\r|\n]/g,'')"
|
|
||||||
show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col> -->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- <el-col :span="24">
|
|
||||||
<el-form-item label="给快递员捎话" prop="orderRemark" >
|
|
||||||
<CustomerPrivEmpSimplePicker :placeholder="$t('专属业务员')" v-model="form.operateEmployeeCode" postCode="OP" ></CustomerPrivEmpSimplePicker>
|
|
||||||
<div style="width:100%;margin-bottom:5px">
|
|
||||||
<span class="goods-tag" @click="onQuickRemark($event)">请带纸箱</span>
|
|
||||||
<span class="goods-tag" @click="onQuickRemark($event)">需要爬楼</span>
|
|
||||||
<span class="goods-tag" @click="onQuickRemark($event)">来前电话</span>
|
|
||||||
</div>
|
|
||||||
<el-input v-model="form.orderRemark" type="textarea" :placeholder="$t('输入其他需求')" maxlength="150" show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col> -->
|
|
||||||
|
|
||||||
<div style="text-align: center;margin-top: 10px;margin-bottom: 100px;">
|
<div style="text-align: center;margin-top: 10px;margin-bottom: 100px;">
|
||||||
<div >
|
<div >
|
||||||
<el-checkbox style="font-size:400;margin-right:10px;color:black" v-model="form.blAgree" :true-label="'1'" :false-label="'0'"><span style="font-size:12px"> {{ $t('我已同意接受') }} </span> <span style="font-size:12px">《快递运单契约条款》</span></el-checkbox>
|
<el-checkbox style="font-size:400;margin-right:10px;color:black" v-model="form.blAgree" :true-label="'1'" :false-label="'0'"><span style="font-size:12px"> {{ $t('我已同意接受') }} </span> <span style="font-size:12px">《快递运单契约条款》</span></el-checkbox>
|
||||||
@ -798,6 +786,12 @@ data() {
|
|||||||
currentSelectProduct:null,
|
currentSelectProduct:null,
|
||||||
needDeclare:false,
|
needDeclare:false,
|
||||||
productFeeList:[],
|
productFeeList:[],
|
||||||
|
|
||||||
|
pickStartDateOption:{
|
||||||
|
disabledDate:(time)=> {
|
||||||
|
return time.getTime() < Date.now()-1 * 24 * 3600 * 1000
|
||||||
|
}
|
||||||
|
},
|
||||||
// 表单校验
|
// 表单校验
|
||||||
rules: {
|
rules: {
|
||||||
// billCode: [
|
// billCode: [
|
||||||
@ -941,7 +935,7 @@ watch: {
|
|||||||
handler (newValue, oldValue) {
|
handler (newValue, oldValue) {
|
||||||
|
|
||||||
console.log("===>routeParams==>",this.$route.query.routeParams);
|
console.log("===>routeParams==>",this.$route.query.routeParams);
|
||||||
|
/*
|
||||||
// 选择产品后报价
|
// 选择产品后报价
|
||||||
if(this.$route.query.action=="preOrderByProd"){
|
if(this.$route.query.action=="preOrderByProd"){
|
||||||
this.reset();
|
this.reset();
|
||||||
@ -960,16 +954,20 @@ watch: {
|
|||||||
this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
|
this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
else if(this.$route.query.action=="modify"){
|
else if(this.$route.query.action=="modify"){
|
||||||
this.action=this.$route.query.action;
|
this.action=this.$route.query.action;
|
||||||
this.billCode=this.$route.query.billCode;
|
this.billCode=this.$route.query.billCode;
|
||||||
this.initData();
|
this.initData();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
else if(this.$route.query.action=="add"){
|
else if(this.$route.query.action=="add"){
|
||||||
this.action=this.$route.query.action;
|
this.action=this.$route.query.action;
|
||||||
this.billCode=null;
|
this.billCode=null;
|
||||||
this.initData();
|
this.initData();
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
},
|
},
|
||||||
deep: true
|
deep: true
|
||||||
@ -1021,12 +1019,9 @@ created() {
|
|||||||
this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
|
this.form.productTypeSelArr=[this.form.transLine,this.form.productType];
|
||||||
|
|
||||||
}
|
}
|
||||||
else{
|
else if(this.$route.query.action=="add"){
|
||||||
this.initData();
|
this.initData();
|
||||||
}
|
}
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
initData() {
|
initData() {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user