fix(订单跟踪): fix #6219
6219 【闲鱼合作】ios出售订单物流详情中的title刷新后“订单跟踪”就不显示了 ,见app 修改为页面使用scroll-view,禁止原生刷新
Showing
1 changed file
with
29 additions
and
5 deletions
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() { |
-
Please register or login to post a comment