@ -2,47 +2,120 @@
< v -page > < v -page >
< v -header :title ="$t('common.service')" > < / v - h e a d e r > < v -header :title ="$t('common.service')" > < / v - h e a d e r >
< view class = "onsczone" > < view class = "onsczone" >
< web -view :src ="csurl" style = "margin-top: 3rem;" > < / w e b - v i e w > < web -view v-if ="isLoad" :src="csurl" style="margin-top: 3rem;" > < / web -view >
< view style = "display: flex;justify-content: center;align-items: center;" v-else >
< div class = "loader" > < / div >
< div style = "font-size: 20px;margin-left: 10px;" > { { $t ( 'common.loading' ) } } < span > ... < / span > < / div >
< / view >
< / view > < / view >
< / v - p a g e > < / v - p a g e >
< / template > < / template >
< script > < script >
import Member from "@/api/member" ; import Member from "@/api/member" ;
import Home from "@/api/home" ;
export default { export default {
data ( ) { data ( ) {
return { return {
csurl : "https://sc.moabwalletss.com/chat/?toid=" , csurl : "" ,
isLoad : false
} }
} , } ,
mounte d( ) { onLoa d( ) {
this . mkcslinks ( ) this . mkcslinks ( )
} , } ,
methods : { methods : {
/ / b u i l d / / b u i l d
mkcslinks ( ) { mkcslinks ( ) {
let user = uni . getStorageSync ( 'user' ) let user = uni . getStorageSync ( 'user' )
if ( user ) { if ( user ) {
console . log ( user )
let ustr = JSON . parse ( user ) let ustr = JSON . parse ( user )
console . log ( ustr ) console . log ( ustr )
this . csurl += ustr . referrer + "&room_id=" + ustr . account ; Member . getUnameByUid ( { user_id : 1 } ) . then ( rfres => {
console . log ( "user" , this . csurl ) let rfu = rfres . data ;
/ / l e t u s t r = J S O N . p a r s e ( u s e r ) / / q u e r y r e f e r r u n a m e
/ / M e m b e r . g e t U n a m e B y U i d ( { u s e r _ i d : u s t r . r e f e r r e r } ) . t h e n ( r f r e s = > { let chaturl = "https://cs.moabwalletss.com/chat/?toid=" + rfu . username + "&room_id=" + ustr . account + "&usid=" + ustr . user_id ;
/ / t h i s . c s u r l + = r f r e s . u s e r n a m e + " & r o o m _ i d = " + u s t r . a c c o u n t + " & u s i d = " + u s t r . u s e r _ i d ; / / t h i s . c s u r l + = r f r e s . u s e r n a m e + " & r o o m _ i d = " + u s t r . a c c o u n t + " & u s i d = " + u s t r . u s e r _ i d ;
/ / } ) / / c o n s o l e . l o g ( " d d " , c h a t u r l ) ;
/ / c o n s o l e . l o g ( " u s e r " , t h i s . c s u r l ) this . csurl = chaturl ;
this . isLoad = true ;
if ( this . isLoad === true ) {
this . chatRead ( )
}
} )
console . log ( "user" , this . csurl )
} }
} ,
chatRead ( ) {
Home . chatRead ( ) . then ( res => {
console . log ( res , '已读' ) ;
} )
} }
} }
} }
< / script > < / script >
< style >
< style lang = "less" scoped > < / style >
. onsczone { < style scoped >
. onsczone {
margin - top : 12 rem ; margin - top : 12 rem ;
}
. loader {
width : 50 px ;
aspect - ratio : 1 ;
display : grid ;
border : 4 px solid # 0000 ;
border - radius : 50 % ;
border - right - color : # 25 b09b ;
animation : l15 1 s infinite linear ;
}
. loader : : before ,
. loader : : after {
content : "" ;
grid - area : 1 / 1 ;
margin : 2 px ;
border : inherit ;
border - radius : 50 % ;
animation : l15 2 s infinite ;
}
. loader : : after {
margin : 8 px ;
animation - duration : 3 s ;
}
} @ keyframes l15 {
100 % {
transform : rotate ( 1 turn )
}
}
span {
display : inline - block ;
height : 1 em ;
line - height : 1 ;
text - align : left ;
vertical - align : - .25 em ;
overflow : hidden ;
}
span : : before {
display : block ;
content : '...\A..\A.' ;
white - space : pre - wrap ;
animation : dot 3 s infinite step - start both ;
}
@ keyframes dot {
33 % {
transform : translateY ( - 2 em ) ;
}
66 % {
transform : translateY ( - 1 em ) ;
}
}
< / style > < / style >
