|
@@ -1,4 +1,4 @@
|
|
|
-<style>
|
|
|
+<style lang="scss" scoped>
|
|
|
@media (min-width: 1024px) {
|
|
|
.checkbox_item_container {
|
|
|
width: 70%;
|
|
@@ -45,10 +45,11 @@
|
|
|
filter: blur(20px);
|
|
|
z-index: 2;
|
|
|
}
|
|
|
+</style>
|
|
|
+<style lang="scss">
|
|
|
.ant-comment-content-detail {
|
|
|
word-wrap: break-word;
|
|
|
word-break: normal;
|
|
|
-
|
|
|
}
|
|
|
.ant-comment-content-detail p {
|
|
|
word-wrap: break-word;
|
|
@@ -210,18 +211,32 @@
|
|
|
>
|
|
|
<a-icon type="arrow-up" style="font-size:30px" />
|
|
|
</div>
|
|
|
- <a-modal title="扫描二维码登录" v-model="showCode" :width="300" @cancel="showCode = false">
|
|
|
- <div style="display: flex;justify-content: center;position:relative">
|
|
|
- <img :src="qrcode" alt style="width:200px;height:200px;border:1px solid #f2f2f2" />
|
|
|
+ <a-modal title="扫描二维码登录" v-model="showCode" @cancel="showCode = false">
|
|
|
+ <div style="display:flex;
|
|
|
+ justify-content: space-around">
|
|
|
<div
|
|
|
- style="width:200px;height:200px;position:absolute;background:rgba(255,255,255,.9);text-align:center;padding:60px 15px"
|
|
|
- v-show="showShare"
|
|
|
- >
|
|
|
- <div style="margin-bottom:5px">
|
|
|
- <img :src="url" alt />
|
|
|
+ style="margin-left: -12px;margin-right: -7px;padding-left: 210px;background: url(//static.yximgs.com/s1/i/qr-bg.77ae5df.jpg) no-repeat;
|
|
|
+ background-size: auto;
|
|
|
+background-size: 210px;
|
|
|
+height: 245px;
|
|
|
+text-align: center;"
|
|
|
+ ></div>
|
|
|
+ <div style="display: flex;justify-content: center;position:relative">
|
|
|
+ <img :src="qrcode" alt style="width:200px;height:200px;border:1px solid #f2f2f2" />
|
|
|
+ <div style="position:absolute;bottom:10px">
|
|
|
+ 请使用
|
|
|
+ <span style="color:#ff5000">快手APP</span>扫码登录
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="width:200px;height:200px;position:absolute;background:rgba(255,255,255,.9);text-align:center;padding:60px 15px"
|
|
|
+ v-show="showShare"
|
|
|
+ >
|
|
|
+ <div style="margin-bottom:5px">
|
|
|
+ <img :src="url" alt />
|
|
|
+ </div>
|
|
|
+ <p>{{showTitle}}</p>
|
|
|
+ <span @click="addUser" style="color:red;cursor: pointer;" v-show="showSpan">刷新</span>
|
|
|
</div>
|
|
|
- <p>{{showTitle}}</p>
|
|
|
- <span @click="addUser" style="color:red;cursor: pointer;" v-show="showSpan">刷新</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</a-modal>
|
|
@@ -348,6 +363,7 @@ export default {
|
|
|
this.showCode = true
|
|
|
getLoginQr().then(res => {
|
|
|
if (res.code == 0) {
|
|
|
+ this.showShare = false
|
|
|
this.qrcode = res.result.qrcode
|
|
|
this.requestId = res.result.requestId
|
|
|
}
|
|
@@ -524,13 +540,53 @@ export default {
|
|
|
backAdd(item, items) {
|
|
|
console.log(item, items)
|
|
|
// authorId commentId
|
|
|
- item.keyword = '回复' + items.authorName
|
|
|
+ item.keyword = '回复' + items.authorName + ':'
|
|
|
this.length = item.keyword.length
|
|
|
this.repltTo = items.authorId
|
|
|
this.replyToCommentId = items.commentId
|
|
|
+ },
|
|
|
+ setInterOut() {
|
|
|
+ var that = this
|
|
|
+ if (that.showCode) {
|
|
|
+ setTimeout(function() {
|
|
|
+ getLoginStatus({ requestId: that.requestId }).then(res => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ if (res.result) {
|
|
|
+ if (res.result.status == 1) {
|
|
|
+ that.url = 'http://static.yximgs.com/s1/i/qr-confirm.f32a3c5.svg'
|
|
|
+ that.showShare = false
|
|
|
+ } else {
|
|
|
+ that.url = 'http://static.yximgs.com/s1/i/qr-timeout.36ec907.svg'
|
|
|
+ that.showShare = true
|
|
|
+ that.showSpan = true
|
|
|
+ that.showTitle = res.result.msg
|
|
|
+ if (res.result.status == 3) {
|
|
|
+ that.url = 'http://static.yximgs.com/s1/i/qr-confirm.f32a3c5.svg'
|
|
|
+ that.showSpan = false
|
|
|
+ that.showCode = false
|
|
|
+ that.getUserList()
|
|
|
+ } else if (res.result.status == 2) {
|
|
|
+ that.url = 'http://static.yximgs.com/s1/i/qr-confirm.f32a3c5.svg'
|
|
|
+ that.showSpan = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }, 0)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ showCode(n, o) {
|
|
|
+ console.log(n, o)
|
|
|
+ if (!n) {
|
|
|
+ window.clearInterval(objTimer)
|
|
|
+ } else {
|
|
|
+ objTimer = window.setInterval(this.setInterOut, 1000)
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
- watch: {},
|
|
|
distoryed() {
|
|
|
clearInterval(interval)
|
|
|
window.clearInterval(objTimer)
|
|
@@ -539,39 +595,6 @@ export default {
|
|
|
this.$nextTick(() => {
|
|
|
var that = this
|
|
|
this.getUserList()
|
|
|
- // getAccountReport().then(res => {
|
|
|
- // console.log(res)
|
|
|
- // })
|
|
|
- objTimer = window.setInterval(() => {
|
|
|
- if (that.showCode) {
|
|
|
- setTimeout(function() {
|
|
|
- getLoginStatus({ requestId: that.requestId }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- if (res.result) {
|
|
|
- if (res.result.status == 1) {
|
|
|
- that.url = 'http://static.yximgs.com/s1/i/qr-confirm.f32a3c5.svg'
|
|
|
- that.showShare = false
|
|
|
- } else {
|
|
|
- that.url = 'http://static.yximgs.com/s1/i/qr-timeout.36ec907.svg'
|
|
|
- that.showShare = true
|
|
|
- that.showSpan = true
|
|
|
- that.showTitle = res.result.msg
|
|
|
- if (res.result.status == 3) {
|
|
|
- that.url = 'http://static.yximgs.com/s1/i/qr-confirm.f32a3c5.svg'
|
|
|
- that.showSpan = false
|
|
|
- that.showCode = false
|
|
|
- that.getUserList()
|
|
|
- } else if (res.result.status == 2) {
|
|
|
- that.url = 'http://static.yximgs.com/s1/i/qr-confirm.f32a3c5.svg'
|
|
|
- that.showSpan = false
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }, 0)
|
|
|
- }
|
|
|
- }, 1000)
|
|
|
window.onscroll = function() {
|
|
|
that.scollTop = that.getScrollTop()
|
|
|
if (that.ksid) {
|