|
|
<template>
|
|
|
<layout-app :title="logisticInfo.expressSender">
|
|
|
<scroll-view
|
|
|
ref="scroll"
|
|
|
:data="detailList"
|
|
|
:options="scrollOption"
|
|
|
@pulling-down="onPullingDown">
|
|
|
<div class="logistics-wrapper">
|
|
|
<div class="header">
|
|
|
<img class="step" alt="" :src="stageImgUrl" />
|
...
|
...
|
@@ -87,6 +92,13 @@ |
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<template slot="pulldown" slot-scope="props">
|
|
|
<div v-if="props.pullDownRefresh"
|
|
|
class="cube-pulldown-wrapper"
|
|
|
:style="props.pullDownStyle">
|
|
|
</div>
|
|
|
</template>
|
|
|
</scroll-view>
|
|
|
</layout-app>
|
|
|
</template>
|
|
|
|
...
|
...
|
@@ -95,6 +107,7 @@ import { createNamespacedHelpers } from "vuex"; |
|
|
import TimeLine from "./components/time-line";
|
|
|
import { expressTypeEnum } from "constants/logistics-constants";
|
|
|
import CountDown from "./components/count-down";
|
|
|
import ScrollView from "components/layout/scroll-view";
|
|
|
import { Button } from "cube-ui";
|
|
|
import Clipboard from "clipboard";
|
|
|
|
...
|
...
|
@@ -106,16 +119,25 @@ export default { |
|
|
components: {
|
|
|
TimeLine,
|
|
|
CountDown,
|
|
|
Button
|
|
|
ScrollView,
|
|
|
Button,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
stageImgUrl: "",
|
|
|
imageUrls: []
|
|
|
stageImgUrl: '',
|
|
|
imageUrls: [],
|
|
|
scrollOption: {
|
|
|
pullDownRefresh: {
|
|
|
threshold: 70,
|
|
|
stop: 90
|
|
|
},
|
|
|
observeDOM: false,
|
|
|
pullUpLoad: false,
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(["logisticInfo"]),
|
|
|
...mapState(['logisticInfo']),
|
|
|
platformName() {
|
|
|
const { expressType: type } = this.logisticInfo;
|
|
|
|
...
|
...
|
@@ -203,7 +225,6 @@ export default { |
|
|
}).show();
|
|
|
}
|
|
|
},
|
|
|
|
|
|
flawRejectDialog() {
|
|
|
this.$createDialog({
|
|
|
type: "confirm",
|
...
|
...
|
@@ -236,6 +257,9 @@ export default { |
|
|
|
|
|
onCancel: () => {}
|
|
|
}).show();
|
|
|
},
|
|
|
onPullingDown() {
|
|
|
this.fetchLogisticInfo(this.$route.params);
|
|
|
}
|
|
|
},
|
|
|
activated() {
|
...
|
...
|
|