Authored by lea guo

Merge branch 'develop' of git.yoho.cn:fe/xianyu-ufo-app-web into develop

@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 <div v-if="validStatus === 1"> 3 <div v-if="validStatus === 1">
4 <div class="account"> 4 <div class="account">
5 <p class="account-tip">支付宝账号</p> 5 <p class="account-tip">支付宝账号</p>
6 - <p class="account-name">{{alipayAccount}}</p> 6 + <p class="account-name">{{alipayAccount?alipayAccount:nickName}}</p>
7 </div> 7 </div>
8 <p class="tip"><i class="cubeic-warn"></i><span>已绑定的支付宝账号暂无法提供系统换绑和解除,如 8 <p class="tip"><i class="cubeic-warn"></i><span>已绑定的支付宝账号暂无法提供系统换绑和解除,如
9 需要帮助可致电<a class="phone" href="tel:400-8890-9646"> 400-8890-9646 </a>联系电话客服</span></p> 9 需要帮助可致电<a class="phone" href="tel:400-8890-9646"> 400-8890-9646 </a>联系电话客服</span></p>
@@ -26,7 +26,7 @@ export default { @@ -26,7 +26,7 @@ export default {
26 this.fetchUserAliPayAccount() 26 this.fetchUserAliPayAccount()
27 }, 27 },
28 computed: { 28 computed: {
29 - ...mapState(['alipayAccount','certName', 'validStatus']) 29 + ...mapState(['alipayAccount','certName', 'validStatus','nickName'])
30 }, 30 },
31 methods: { 31 methods: {
32 ...mapActions(['fetchUserAliPayAccount']), 32 ...mapActions(['fetchUserAliPayAccount']),
@@ -25,12 +25,8 @@ @@ -25,12 +25,8 @@
25 <!-- 商品信息 --> 25 <!-- 商品信息 -->
26 <order-item-info class="item-wrapper" /> 26 <order-item-info class="item-wrapper" />
27 <!-- 鉴定视频 --> 27 <!-- 鉴定视频 -->
28 - <div  
29 - class="video-img"  
30 - v-if="orderDetail.appraiseVideoUrl"  
31 - @click="() => onVideoHandler()"  
32 - ></div>  
33 - <div ref="videoWrapper" class="video-wrapper"> 28 + <div class="video-img" v-if="orderDetail.appraiseVideoUrl" @click="() => onVideoHandler()"></div>
  29 + <div class="video-wrapper">
34 <VideoPlayer 30 <VideoPlayer
35 ref="videoPlayer" 31 ref="videoPlayer"
36 class="video-player" 32 class="video-player"
@@ -215,12 +211,13 @@ export default { @@ -215,12 +211,13 @@ export default {
215 } 211 }
216 212
217 .video-img { 213 .video-img {
  214 + display: block;
218 margin-top: 40px; 215 margin-top: 40px;
219 - margin-left: -15px;  
220 - width: calc(100% + 20px); 216 + width: 100%;
221 height: 378px; 217 height: 378px;
222 - background: url("~statics/image/order/video-big@3x.png"); 218 + background: url("~statics/image/order/video-big@3x.png") no-repeat;
223 background-size: cover; 219 background-size: cover;
  220 + background-position: center;
224 } 221 }
225 222
226 .video-wrapper { 223 .video-wrapper {
@@ -229,7 +226,7 @@ export default { @@ -229,7 +226,7 @@ export default {
229 226
230 .video-player { 227 .video-player {
231 display: block; 228 display: block;
232 - height: 30px; 229 + height: 40px;
233 opacity: 0; 230 opacity: 0;
234 } 231 }
235 232
@@ -122,7 +122,7 @@ export default { @@ -122,7 +122,7 @@ export default {
122 } 122 }
123 }, 123 },
124 mounted() { 124 mounted() {
125 - this.showPlayer(); 125 + // this.showPlayer();
126 }, 126 },
127 beforeDestroy() { 127 beforeDestroy() {
128 if (this.player) { 128 if (this.player) {
@@ -131,8 +131,10 @@ export default { @@ -131,8 +131,10 @@ export default {
131 }, 131 },
132 methods: { 132 methods: {
133 parentHandleclick() { 133 parentHandleclick() {
134 - this.showVideo = true; 134 + this.showPlayer();
  135 +
135 this.player.play(); 136 this.player.play();
  137 +
136 const timeId = setTimeout(() => { 138 const timeId = setTimeout(() => {
137 this.player.requestFullscreen(); 139 this.player.requestFullscreen();
138 clearTimeout(timeId); 140 clearTimeout(timeId);
@@ -143,6 +145,7 @@ export default { @@ -143,6 +145,7 @@ export default {
143 return; 145 return;
144 } 146 }
145 147
  148 + this.showVideo = true;
146 this.$nextTick(() => { 149 this.$nextTick(() => {
147 this.initPlayer(); 150 this.initPlayer();
148 }); 151 });
@@ -187,14 +190,6 @@ export default { @@ -187,14 +190,6 @@ export default {
187 this.voiceBtn.removeClass(noVioceClass); 190 this.voiceBtn.removeClass(noVioceClass);
188 } 191 }
189 }); 192 });
190 -  
191 - // setTimeout(() => {  
192 - // this.$yoho.getNetStatus({}, res => {  
193 - // if (res && +res.wifi === 1) {  
194 - // this.player.autoplay("muted");  
195 - // }  
196 - // });  
197 - // }, 1000);  
198 }, 193 },
199 getTime() { 194 getTime() {
200 return new Date().getTime(); 195 return new Date().getTime();
@@ -29,7 +29,7 @@ @@ -29,7 +29,7 @@
29 @on-video="params => onVideoHandle(params)" 29 @on-video="params => onVideoHandle(params)"
30 /> 30 />
31 </div> 31 </div>
32 - <div ref="videoWrapper" class="video-wrapper"> 32 + <div class="video-wrapper">
33 <VideoPlayer 33 <VideoPlayer
34 :ref="order.orderCode" 34 :ref="order.orderCode"
35 class="video-player" 35 class="video-player"
@@ -115,15 +115,6 @@ export default { @@ -115,15 +115,6 @@ export default {
115 $video.parentHandleclick(); 115 $video.parentHandleclick();
116 } 116 }
117 } 117 }
118 - },  
119 -  
120 - mounted() {  
121 - if (this.$yoho.isAndroid) {  
122 - this.$refs.videoWrapper.forEach($vnode => {  
123 - $vnode.style.position = "absolute";  
124 - $vnode.style.top = "-1000px";  
125 - });  
126 - }  
127 } 118 }
128 }; 119 };
129 </script> 120 </script>
@@ -5,6 +5,7 @@ export default function() { @@ -5,6 +5,7 @@ export default function() {
5 state: { 5 state: {
6 alipayAccount: '', 6 alipayAccount: '',
7 certName: '', 7 certName: '',
  8 + nickName: '',
8 validStatus: 0 9 validStatus: 0
9 }, 10 },
10 mutations: { 11 mutations: {
@@ -12,10 +13,12 @@ export default function() { @@ -12,10 +13,12 @@ export default function() {
12 let { 13 let {
13 alipayAccount, 14 alipayAccount,
14 certName, 15 certName,
  16 + nickName,
15 validStatus 17 validStatus
16 } = data; 18 } = data;
17 19
18 state.alipayAccount = maskAccount(alipayAccount); 20 state.alipayAccount = maskAccount(alipayAccount);
  21 + state.nickName = nickName || '';
19 state.certName = certName; 22 state.certName = certName;
20 state.validStatus = validStatus; 23 state.validStatus = validStatus;
21 } 24 }