master
lion 1 year ago
parent d35a45c5b2
commit f39c08853a

@ -39,40 +39,12 @@
<view v-if="item.content" class="book-pic-item-info">
<view v-html="item.content"></view>
</view>
<!-- <view v-if="item.floor" class="book-pic-item-info">
<image style="width:20rpx;height:26rpx;margin-right:30rpx"
:src="base.imgHost('book-address.png')"></image>
<view class="book-pic-item-info-between">
<text></text>
<text></text>
</view>
<view>{{item.floor}}</view>
</view>
<view v-if="item.start_time" class="book-pic-item-info">
<image style="width:24rpx;height:24rpx;margin-right:26rpx"
:src="base.imgHost('book-time.png')"></image>
<text></text>
<view class="book-pic-item-info-between">
<text></text>
<text></text>
</view>
<view>{{item.start_time}}-{{item.end_time}}</view>
</view>
<view v-if="item.total" class="book-pic-item-info">
<image style="width:29rpx;height:21rpx;margin-right:21rpx"
:src="base.imgHost('book-people.png')"></image>
<view class="book-pic-item-info-between">
<text>容纳</text>
<text>人数</text>
</view>
<view>{{item.total}}</view>
</view> -->
</block>
<block v-else>
<swiper circular :indicator-dots="false" indicator-active-color="#b79373"
indicator-color="#fff" style="height:350rpx" :autoplay="false">
<swiper-item>
<image :src="base.imgHost('index_swiper.png')" />
<image :src="base.imgHost('index_swiper1.png')" />
</swiper-item>
</swiper>
<view class="book-pic-item-book">
@ -85,32 +57,6 @@
<view v-if="item.content" class="book-pic-item-info">
<view v-html="item.content"></view>
</view>
<!-- <view v-if="item.floor" class="book-pic-item-info">
<image style="width:20rpx;height:26rpx;margin-right:30rpx"
:src="base.imgHost('book-address.png')"></image>
<view class="book-pic-item-info-between">
<text></text>
<text></text>
</view>
<view>{{item.floor}}</view>
</view>
<view v-if="item.start_time" class="book-pic-item-info">
<image style="width:24rpx;height:24rpx;margin-right:26rpx"
:src="base.imgHost('book-time.png')"></image>
<view class="book-pic-item-info-between">
<text></text>
<text></text>
</view>
<view>{{item.start_time}}-{{item.end_time}}</view>
</view>
<view v-if="item.total" class="book-pic-item-info">
<image style="width:29rpx;height:21rpx;margin-right:21rpx"
:src="base.imgHost('book-people.png')"></image>
<view class="book-pic-item-info-between">
<text>容纳人数</text>
</view>
<view>{{item.total}}</view>
</view> -->
</block>
</view>

@ -38,8 +38,8 @@
</view>
</view>
<view class="list-item-bottom">
<text @click.stop="cancelBook(item)" v-if="item.status<1 && isCanCancel(item.start_time)"></text>
<text v-if="item.status<1 && isCanCancel(item.start_time)">|</text>
<text @click.stop="cancelBook(item)" v-if="item.status<2 && isCanCancel(item.start_time)"></text>
<text v-if="item.status<2 && isCanCancel(item.start_time)">|</text>
<text>查看</text>
</view>

@ -14,13 +14,15 @@
<text>{{userInfo.username?userInfo.username:'-'}}</text>
</view>
<view class="usersigns" v-if="course_signs.length>0">
<text>学籍</text>
<text>{{course_signs[0]['course'].year?course_signs[0]['course'].year+'年':''}}{{course_signs[0]['course'].type_detail?course_signs[0]['course']['type_detail'].name+"|":''}}{{course_signs[0]['course'].name}}</text>
<block v-if="course_signs[0]['course']">
<text>学籍</text>
<text>{{course_signs[0]['course'].year?course_signs[0]['course'].year+'年':''}}{{course_signs[0]['course'].type_detail?course_signs[0]['course']['type_detail'].name+"|":''}}{{course_signs[0]['course'].name}}</text>
</block>
</view>
</view>
<view class="usercode" @click="showBigCode=true">
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode" :sizeUnit="'rpx'"
:size="160" :options="{
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode"
:sizeUnit="'rpx'" :size="160" :options="{
margin: 10,
foregroundImageSrc: '/static/index_icon1.png',
}"></uqrcode>
@ -97,8 +99,8 @@
<view class="modal-xyk-between">
<view class="modal-xyk-item">
<view style="display: flex;justify-content: center;" @click="bigCode">
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode" :sizeUnit="'rpx'"
:size="160" :options="{
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode"
:sizeUnit="'rpx'" :size="160" :options="{
margin: 10,
foregroundImageSrc: '/static/index_icon1.png',
}"></uqrcode>
@ -109,10 +111,11 @@
<text>姓名</text>
<text>{{userInfo.username}}</text>
</view>
<view class="modal-xyk-name-course" v-if="course_signs.length>0">
<text>学籍</text>
<text>{{course_signs[0]['course'].year?course_signs[0]['course'].year+'年':''}}{{course_signs[0]['course'].type_detail?course_signs[0]['course']['type_detail'].name+"|":''}}{{course_signs[0]['course'].name}}</text>
<view class="modal-xyk-name-course" v-if="course_signs.length>0">
<block v-if="course_signs[0]['course']">
<text>学籍</text>
<text>{{course_signs[0]['course'].year?course_signs[0]['course'].year+'年':''}}{{course_signs[0]['course'].type_detail?course_signs[0]['course']['type_detail'].name+"|":''}}{{course_signs[0]['course'].name}}</text>
</block>
</view>
</view>
</view>
@ -152,14 +155,15 @@
</u-popup>
</view>
<view v-if="showBigCode" class="big">
<view class="big-wrap">
<view class="big-close" @click='showBigCode=false'>X</view>
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode" :sizeUnit="'rpx'" :size="500" :options="{
margin: 10,
foregroundImageSrc: '/static/index_icon1.png',
}"></uqrcode>
</view>
<view v-if="showBigCode" class="big">
<view class="big-wrap">
<view class="big-close" @click='showBigCode=false'>X</view>
<uqrcode v-if="myQrcode" ref="uqrcode" canvas-id="qrcode" :value="myQrcode" :sizeUnit="'rpx'"
:size="500" :options="{
margin: 10,
foregroundImageSrc: '/static/index_icon1.png',
}"></uqrcode>
</view>
</view>
<tabbar :currentPage="3"></tabbar>
</view>
@ -181,10 +185,10 @@
showCard: false,
userInfo: {},
hasMobile: false,
course_signs: [],
showBigCode:false,
myQrcode:'STBC',
timer:null
course_signs: [],
showBigCode: false,
myQrcode: 'STBC',
timer: null
}
},
onShareAppMessage() {
@ -201,28 +205,28 @@
},
onShow() {
this.showRegister = false
this.getUserInfo()
let that = this
if(!this.timer){
this.timer = setInterval(function(){
that.getQrCode()
},3*60*1000)
this.getUserInfo()
let that = this
if (!this.timer) {
this.timer = setInterval(function() {
that.getQrCode()
}, 3 * 60 * 1000)
}
},
onLoad() {
},
onUnload() {
if(this.timer){
clearInterval(this.timer)
this.timer = null
}
},
onHide() {
if(this.timer){
clearInterval(this.timer)
this.timer = null
}
onLoad() {
},
onUnload() {
if (this.timer) {
clearInterval(this.timer)
this.timer = null
}
},
onHide() {
if (this.timer) {
clearInterval(this.timer)
this.timer = null
}
},
methods: {
refreshCode() {
@ -232,10 +236,10 @@
return
}
this.showCard = true
},
bigCode(){
this.showCard = false
this.showBigCode = true
},
bigCode() {
this.showCard = false
this.showBigCode = true
},
toUrl(type) {
if (type === 1 || type === 2 || type === 3) {
@ -272,8 +276,8 @@
console.log("res", res)
this.$u.vuex('vuex_user', res.user)
this.userInfo = res.user
this.course_signs = res.user.course_signs ? res.user.course_signs : [],
this.myQrcode = res.course_signs?res.course_signs.qrcode:'STBC'
this.course_signs = res.user.course_signs ? res.user.course_signs : [],
this.myQrcode = res.course_signs ? res.course_signs.qrcode : 'STBC'
if (this.base.isNull(res.user.mobile)) {
this.showRegister = true
this.hasMobile = false
@ -282,17 +286,17 @@
this.hasMobile = true
}
})
},
getQrCode(){
uni.showLoading({
title: '...'
})
this.$u.api.user().then(res => {
this.myQrcode = res.course_signs?res.course_signs.qrcode:'STBC'
setTimeout(function() {
uni.hideLoading()
}, 500)
})
},
getQrCode() {
uni.showLoading({
title: '...'
})
this.$u.api.user().then(res => {
this.myQrcode = res.course_signs ? res.course_signs.qrcode : 'STBC'
setTimeout(function() {
uni.hideLoading()
}, 500)
})
},
//
goBind() {
@ -542,8 +546,8 @@
&-reload {
display: flex;
align-items: center;
padding: 10rpx 40rpx;
font-size:24rpx;
padding: 10rpx 40rpx;
font-size: 24rpx;
image {
width: 27rpx;
@ -562,52 +566,53 @@
// margin-bottom: 20rpx;
}
&-course {
display: flex;
&>text:first-child {
width: 100rpx;
}
&>text:last-child {
width: calc(100% - 100rpx);
&-course {
display: flex;
&>text:first-child {
width: 100rpx;
}
&>text:last-child {
width: calc(100% - 100rpx);
}
}
}
}
.big {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
overflow: scroll;
&-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 500rpx;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
&-close {
width: 80rpx;
height: 80rpx;
text-align: center;
line-height: 80rpx;
color: #fff;
background: #6e6e77;
border-radius: 80rpx;
position: absolute;
top: -80rpx;
right: 0;
}
}
.big {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
overflow: scroll;
&-wrap {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 500rpx;
text-align: center;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
&-close {
width: 80rpx;
height: 80rpx;
text-align: center;
line-height: 80rpx;
color: #fff;
background: #6e6e77;
border-radius: 80rpx;
position: absolute;
top: -80rpx;
right: 0;
}
}
}
</style>
Loading…
Cancel
Save