<!doctype html>
|
<html>
|
<head>
|
<meta charset="utf-8"><meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"><meta http-equiv="Cache" content="no-cache">
|
<title>物流信息</title>
|
<script src="../../../js/vue/vue.js"></script>
|
<script src="../../../js/vue/element-ui/lib/index.js"></script>
|
<!-- <script src="../../../../js/vue/elementDefault.js"></script> -->
|
<script src="../../../js/vue/axios/dist/axios.min.js"></script>
|
<script src="../../../js/vue/page.js?v=20220615"></script>
|
<script src="../../../js/myelement.js?v=20220615"></script>
|
|
<link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
|
<link href="../../../css/myelement.css?v=20220425" rel="stylesheet">
|
<link href="../../../css/iconfont.css" rel="stylesheet">
|
<link href="../../../css/page.css?v=20220425" rel="stylesheet">
|
<link href="//at.alicdn.com/t/font_2374495_mkoo966o0uo.css" rel="stylesheet">
|
</head>
|
|
<body>
|
<div id="vbody">
|
<div id="page_root">
|
<div ref="popup_body" style="padding-right: 20px;">
|
<div class="el-dialog__header">
|
<div class="dialog-title">
|
<i class="iconfont icon-customermanagement"></i>
|
<span> {{formAttr.title}} </span>
|
</div>
|
</div>
|
<div style="height: 550px; overflow-y: auto;">
|
<div class="el-dialog__body" >
|
<!-- <div style="margin: 0px 20px; height: 20px; line-height: 20px; font-size: 18px;">
|
<span style="float: left;">顺丰速运</span>
|
<span style="float: left; margin-left: 20px;">SF2021031219482365</span>
|
</div> -->
|
<el-collapse v-model="activeNames" accordion @change="handleChange">
|
<el-collapse-item v-for="(key, value) in Item" :name ="key.id" >
|
<template slot="title">
|
<span>
|
{{key.logisticsName}}{{key.logisticsNum}}
|
</span>
|
</template>
|
<div style="overflow: auto;">
|
<div v-if="key.driverName" style="margin-left: 50px">驾驶员姓名：{{key.driverName}}</div>
|
<div v-if="key.plateNum" style="margin-left: 50px">车 牌 号：{{key.plateNum}}</div>
|
|
<el-timeline style="margin-top: 20px; overflow: auto;">
|
<el-timeline-item
|
v-for="(logistics, index) in logistics"
|
:key="index"
|
:color="logistics.color"
|
:timestamp="logistics.acceptTime">
|
{{logistics.remark}}
|
</el-timeline-item>
|
</el-timeline>
|
</div>
|
</el-collapse-item>
|
</el-collapse>
|
</div>
|
</div>
|
<div class="el-dialog__footer">
|
<el-button @click="hoauFaceOrder">天地华宇面单</el-button>
|
<el-button @click="SFFaceOrder">顺丰面单</el-button>
|
<el-button type="default" @click="closeDialog">关 闭</el-button>
|
</div>
|
</div>
|
</div>
|
|
<div id="page_loading" style="position: absolute; top:0px; width: 100vw; height: 100vh;">
|
<div class="spinner">
|
<div class="cube1"></div>
|
<div class="cube2"></div>
|
</div>
|
</div>
|
</div>
|
|
<script type="text/javascript">
|
new Vue({
|
el: "#vbody",
|
data: {
|
formAttr: {
|
istitle: false,
|
title: "物流信息",
|
columnnumber: 1,
|
labelwidth: "100px",
|
labelposition: "left",
|
size: "medium",
|
border: "0px solid #c6c6c600"
|
},
|
logistics: [],
|
Item:[],
|
activeNames:[],
|
},
|
|
created() {
|
this.popupParames = clone(Root.popupParames);
|
this.getLogistics();
|
},
|
|
mounted() {
|
let me = this;
|
me.$nextTick(() => { // 以服务的方式调用的 Loading 需要异步关闭
|
document.getElementById('page_root').style.display = "block";
|
document.getElementById('page_loading').style.display = "none";
|
|
//重新设置弹窗宽高
|
me.$nextTick(function(){
|
let w_ = me.$refs.popup_body.offsetWidth + "px";
|
let h_ = me.$refs.popup_body.offsetHeight + "px";
|
Root.setPopupWH(w_, h_);
|
})
|
});
|
},
|
|
methods:{
|
getLogistics() {
|
let me = this;
|
if (this.popupParames.data) {
|
this.formData = clone(this.popupParames.data);
|
let url = window.top.RootSetting.url_stock + "order/getDeliveryLogistics/" + me.formData.deo_id;
|
axios.get(url, {
|
})
|
.then(data => {
|
console.log(data);
|
if (data.data.success){
|
me.Item = data.data.data;
|
if(me.Item.length == 1){
|
me.activeNames = [data.data.data[0].id]
|
me.handleChange(data.data.data[0].id)
|
}
|
}
|
})
|
.catch( (error) => {
|
console.log(error);
|
});
|
}
|
},
|
hoauFaceOrder() {
|
let me = this;
|
let url = window.top.RootSetting.url_stock + "order/hoauFaceOrder/" + me.formData.deo_id;
|
axios.get(url, {
|
})
|
.then(data => {
|
console.log(data);
|
if (data.data.success){
|
if(data.data.data && data.data.data.length > 0) {
|
let config = {
|
icon: "icon-product",
|
text: "预览",
|
url: "../logistics/logistics/popup/popup_file.html",
|
data: data.data.data,
|
delta: {},
|
callback: function(obj, callback) {
|
if (callback) {
|
callback();
|
}
|
}
|
};
|
me.doPopup(config);
|
}else{
|
Root.message({
|
type:"warning",
|
message:"面单数据为空"
|
})
|
}
|
}
|
})
|
.catch( (error) => {
|
console.log(error);
|
Root.message({
|
type:"warning",
|
message:"查询失败"
|
})
|
});
|
},
|
doPopup: function(popupObj) {
|
var me = this;
|
var callback_ = popupObj.callback;
|
var width_ = popupObj.width ? popupObj.width : "900px";
|
var height_ = popupObj.height ? popupObj.height : "550px";
|
var hide_close_ = popupObj.hide_close ? popupObj.hide_close : false;
|
|
var parames = {
|
width: width_,
|
height: height_,
|
url: popupObj.url,
|
//title: popupObj.title,
|
text: popupObj.text,
|
sceneCode: popupObj.sceneCode,
|
data: popupObj.data,
|
delta: popupObj.delta,
|
disabled: popupObj.disabled,
|
disabledone: popupObj.disabledone,
|
hide_close: hide_close_,
|
callback: function(obj, callback) {
|
if (callback_) {
|
callback_(obj);
|
}
|
if (callback) {
|
callback();
|
}
|
}
|
};
|
|
Root.popupParames = parames;
|
Root.showPopup(parames);
|
},
|
SFFaceOrder() {
|
let me = this;
|
let url = window.top.RootSetting.url_stock + "order/SFFaceOrder/" + me.formData.deo_id ;
|
axios.get(url, {
|
})
|
.then(data => {
|
console.log(data);
|
if (data.data.success ){
|
let config = {
|
icon: "icon-product",
|
text: "预览",
|
url: "../logistics/logistics/popup/sf_popup.html",
|
data: data.data.data,
|
width:"1050px",
|
height:"550px",
|
delta: {},
|
callback: function(obj, callback) {
|
if (callback) {
|
callback();
|
}
|
}
|
};
|
me.doPopup(config);
|
|
}else{
|
Root.message({
|
type:"warning",
|
message:data.data.message
|
})
|
}
|
})
|
.catch( (error) => {
|
console.log(error);
|
Root.message({
|
type:"warning",
|
message:"查询失败"
|
})
|
});
|
},
|
handleChange(val){
|
if(val){
|
let me = this;
|
let url = window.top.RootSetting.url_stock + "order/logistics/" + val;
|
axios.get(url, {
|
})
|
.then(data => {
|
console.log(data);
|
if (data.data.success){
|
me.logistics = data.data.data.data[0].routes;
|
}else{
|
Root.message({
|
type:"warning",
|
message:data.data.message
|
})
|
}
|
})
|
.catch( (error) => {
|
console.log(error);
|
});
|
}
|
},
|
closeDialog() {
|
if(this.popupParames.totab) {
|
Root.tab.removeItem(Root.tab.selected);
|
Root.tab.open(me.popupParames.parentOption, false);
|
}
|
else {
|
Root.hidePopup();
|
}
|
},
|
}
|
});
|
</script>
|
</body>
|
</html>
|
