Authored by zhangwenxue

fix(订单跟踪): fix #6219

6219	【闲鱼合作】ios出售订单物流详情中的title刷新后“订单跟踪”就不显示了 ,见app

修改为页面使用scroll-view,禁止原生刷新
1 <template> 1 <template>
2 <layout-app :title="logisticInfo.expressSender"> 2 <layout-app :title="logisticInfo.expressSender">
  3 + <scroll-view
  4 + ref="scroll"
  5 + :data="detailList"
  6 + :options="scrollOption"
  7 + @pulling-down="onPullingDown">
3 <div class="logistics-wrapper"> 8 <div class="logistics-wrapper">
4 <div class="header"> 9 <div class="header">
5 <img class="step" alt="" :src="stageImgUrl" /> 10 <img class="step" alt="" :src="stageImgUrl" />
@@ -87,6 +92,13 @@ @@ -87,6 +92,13 @@
87 </div> 92 </div>
88 </div> 93 </div>
89 </div> 94 </div>
  95 + <template slot="pulldown" slot-scope="props">
  96 + <div v-if="props.pullDownRefresh"
  97 + class="cube-pulldown-wrapper"
  98 + :style="props.pullDownStyle">
  99 + </div>
  100 + </template>
  101 + </scroll-view>
90 </layout-app> 102 </layout-app>
91 </template> 103 </template>
92 104
@@ -95,6 +107,7 @@ import { createNamespacedHelpers } from "vuex"; @@ -95,6 +107,7 @@ import { createNamespacedHelpers } from "vuex";
95 import TimeLine from "./components/time-line"; 107 import TimeLine from "./components/time-line";
96 import { expressTypeEnum } from "constants/logistics-constants"; 108 import { expressTypeEnum } from "constants/logistics-constants";
97 import CountDown from "./components/count-down"; 109 import CountDown from "./components/count-down";
  110 +import ScrollView from "components/layout/scroll-view";
98 import { Button } from "cube-ui"; 111 import { Button } from "cube-ui";
99 import Clipboard from "clipboard"; 112 import Clipboard from "clipboard";
100 113
@@ -106,16 +119,25 @@ export default { @@ -106,16 +119,25 @@ export default {
106 components: { 119 components: {
107 TimeLine, 120 TimeLine,
108 CountDown, 121 CountDown,
109 - Button 122 + ScrollView,
  123 + Button,
110 }, 124 },
111 data() { 125 data() {
112 return { 126 return {
113 - stageImgUrl: "",  
114 - imageUrls: [] 127 + stageImgUrl: '',
  128 + imageUrls: [],
  129 + scrollOption: {
  130 + pullDownRefresh: {
  131 + threshold: 70,
  132 + stop: 90
  133 + },
  134 + observeDOM: false,
  135 + pullUpLoad: false,
  136 + },
115 }; 137 };
116 }, 138 },
117 computed: { 139 computed: {
118 - ...mapState(["logisticInfo"]), 140 + ...mapState(['logisticInfo']),
119 platformName() { 141 platformName() {
120 const { expressType: type } = this.logisticInfo; 142 const { expressType: type } = this.logisticInfo;
121 143
@@ -203,7 +225,6 @@ export default { @@ -203,7 +225,6 @@ export default {
203 }).show(); 225 }).show();
204 } 226 }
205 }, 227 },
206 -  
207 flawRejectDialog() { 228 flawRejectDialog() {
208 this.$createDialog({ 229 this.$createDialog({
209 type: "confirm", 230 type: "confirm",
@@ -236,6 +257,9 @@ export default { @@ -236,6 +257,9 @@ export default {
236 257
237 onCancel: () => {} 258 onCancel: () => {}
238 }).show(); 259 }).show();
  260 + },
  261 + onPullingDown() {
  262 + this.fetchLogisticInfo(this.$route.params);
239 } 263 }
240 }, 264 },
241 activated() { 265 activated() {