Skip to content

M
mallapp
Commit edc9a1b7 authored by Mac's avatar Mac
Browse files
Options

提交自己的报名列表

parent 2d740fc1
Hide whitespace changes
Inline Side-by-side
Showing with 284 additions and 10 deletions
pages.json
View file @ edc9a1b7
......@@ -758,7 +758,13 @@
"path":"billboard/billboarddetails"//榜单详情
},{
"path":"billboard/listsignUp"//榜单报名
},{
"path":"billboard/mybillbordList",//我的榜单报名列表
"style": {
"navigationStyle": "custom"
}
}
]
}
],
......
pages/kotra/billboard/billboardList.vue
View file @ edc9a1b7
......@@ -81,12 +81,13 @@
<view @click="goback" >
<u-icon name="arrow-left" size="44"></u-icon>
</view>
<view style="flex: 1;display: flex; align-items: center;justify-content: center;" @click="showStart=true">{{year}}年<u-icon name="arrow-down" style="margin-left: 5px;" size="20"></u-icon></view>
<view style="flex: 1;display: flex; align-items: center;justify-content: center;" @click="showStart=true">{{msg.Year}}年<u-icon name="arrow-down" style="margin-left: 5px;" size="20"></u-icon></view>
<view style="width: 22px;"></view>
<u-picker v-model="showStart" mode="time" :params="params" @confirm='btnStart' :default-time='defaulttime'></u-picker>
</view>
<view class='box_conent' :style="{'height':'calc(100vh - '+topHeight+'px)'}" v-if="!loading">
<u-empty v-if="g.length == 0" text="暂无内容" mode="list"></u-empty>
<view class='box_conent' :style="{'height':'calc(100vh - '+topHeight+'px)'}" v-if="!loading && g.length > 0">
<scroll-view scroll-y="true" style="width: 100%;height: 100%;" @scrolltolower="lower" >
<view style="padding: 0 15px;">
<view v-for="(x,y) in g" :key="y" class="boxitem" @click="godetails(x)">
......
pages/kotra/billboard/billboarddetails.vue
View file @ edc9a1b7
......@@ -118,6 +118,7 @@
width: 100%;
display: flex;
align-items: center;
margin-bottom: 20px;
.cbc_item_l{
width: 16px;
height: 24px;
......@@ -127,6 +128,20 @@
font-size: 12px;
color: #FFFFFF;
}
.cbc_item_c{
width: 50px;
height: 50px;
border-radius: 50px;
margin:0 15px ;
}
.cbc_item_r{
width: calc(100vw - 30px - 30px - 10px - 16px - 80px);
height: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
}
......@@ -144,6 +159,10 @@
font-weight: bold;
}
}
.oneText{
overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;
}
}
</style>
......@@ -199,23 +218,34 @@
<view class="box_conent_basic_c" style="padding: 0 5px;" v-if="detailsData">
<view v-for="(x,y) in RankList" :key='y' class="box_c_b_c_item">
<view class="cbc_item_l">
<view v-if="detailsData.EnableRank==1">
<image v-if="y==0" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandr.jpg' style="width: 100%;height: 100%;"></image>
<image v-if="y==1" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandr.jpg' style="width: 100%;height: 100%;"></image>
<image v-if="y==2" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandr.jpg' style="width: 100%;height: 100%;"></image>
<span v-else>{{y+1}}</span>
<view v-if="detailsData.EnableRank==1" class="cbc_item_l">
<image v-if="y==0" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbando.png' style="width: 100%;height: 100%;"></image>
<image v-if="y==1" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandtwo.png' style="width: 100%;height: 100%;"></image>
<image v-if="y==2" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandtree.png' style="width: 100%;height: 100%;"></image>
<span v-if="y>2">{{y+1}}</span>
</view>
<view v-if="detailsData.EnableRank!=1">
<view v-if="detailsData.EnableRank!=1" class="cbc_item_l">
{{y+1}}
</view>
</view>
<view class="cbc_item_c">
<image mode="aspectFill" v-if="x.ObjectIcon && x.ObjectIcon!=''" :src='x.ObjectIcon' style="width: 100%;height: 100%;border-radius: 50%;"></image>
<image mode="aspectFill" v-else src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616552371000_195.png' style="width: 100%;height: 100%;border-radius: 50%;"></image>
</view>
<view class="cbc_item_r">
<view style="display: flex;align-items: center;font-size: 14px;color: #FFFFFF;font-weight: 500;">
<view class="oneText" style="max-width: calc(100vw - 30px - 30px - 10px - 16px - 80px - 50px);">{{x.ObjectName}}</view>
<image v-if="x.MedalImage && x.MedalImage!=''" :src="x.MedalImage" mode="aspectFill" style="width: 20px;height: 20px;margin-left: 10px;"></image>
</view>
<view class="oneText" style="max-width: calc(100vw - 30px - 30px - 10px - 16px - 80px);font-size: 14px;color: #FFFFFF;">{{x.Reviews}}</view>
</view>
</view>
</view>
</view>
<view class="btn_bm" v-if="detailsData.ListState==1">立即报名</view>
<view class="btn_bm" v-if="detailsData.ListState==1" @click="gosignUp">立即报名</view>
<view class="btn_bm" style="background: #CCCCCC;" v-if="detailsData.ListState!=1">报名已截止</view>
</view>
......@@ -233,7 +263,7 @@
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
{ObjectName:'第一啥子啥子',ObjectIcon:'',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
{ObjectName:'第一啥子啥子',ObjectIcon:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
......@@ -288,6 +318,17 @@
this.detailsData = res.data
}
})
},
gosignUp(){//立即报名
let parms = {
url: "/api/AppletCustomForm/GetCustomForm",
data:{FormType:this.detailsData.ListType}
}
this.request2(parms, (res) => {
if (res.resultCode == 1) {
}
})
}
}
}
......
pages/kotra/billboard/mybillbordList.vue 0 → 100644
View file @ edc9a1b7
<style scoped lang="scss">
.billboardList{
width: 100vw;
height: 100vh;
background: #F6F6F6;
.box-top{
line-height: 45px !important;
font-size: 16px;
text-align: center;
// position: fixed;
// left: 0;
// top: 0;
width: 100%;
color: #111;
box-sizing: content-box;
z-index: 10;
display: flex;
align-items: center;
background-color: #f6f6f6;
padding:0 6rpx;
}
.box_conent{
width: 100%;
height: 100vh;
.boxitem{
width: 100%;
height: 460rpx;
background: #FFFFFF;
border-radius: 15px;
margin-top: 15px;
}
.boxitem_c{
width: 100%;
height: calc(460rpx - 340rpx);
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
.boxitem_c_t{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.boxitem_c_t_l{
width: 1px;
flex: 1;
font-size: 14px;
font-family: PingFang SC;
font-weight: 800;
color: #111111;
}
.boxitem_c_t_r{
width: 140rpx;
margin-left: 5px;
text-align: right;
font-size: 12px;
font-weight: 500;
color: #999999;
}
}
.boxitem_c_b{
width: 100%;
font-size: 12px;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
}
.oneText{
overflow: hidden;display: inline-block;white-space: nowrap; text-overflow:ellipsis;
}
}
}
</style>
<template>
<view class='billboardList'>
<view class='box-top' :style="[titleStyle]">
<view @click="goback" >
<u-icon name="arrow-left" size="44"></u-icon>
</view>
<view style="flex: 1;display: flex; align-items: center;justify-content: center;" @click="showStart=true">{{msg.Year}}年<u-icon name="arrow-down" style="margin-left: 5px;" size="20"></u-icon></view>
<view style="width: 22px;"></view>
<u-picker v-model="showStart" mode="time" :params="params" @confirm='btnStart' :default-time='defaulttime'></u-picker>
</view>
<u-empty v-if="g.length == 0" text="暂无内容" mode="list"></u-empty>
<view class='box_conent' :style="{'height':'calc(100vh - '+topHeight+'px)'}" v-if="!loading && g.length > 0">
<scroll-view scroll-y="true" style="width: 100%;height: 100%;" @scrolltolower="lower" >
<view style="padding: 0 15px;">
<view v-for="(x,y) in g" :key="y" class="boxitem" @click="godetails(x)">
<image mode="aspectFill" :src='x.CoverImage' style="width: 100%;height: 340rpx;border-radius: 15px 15px 0 0;"></image>
<div class='boxitem_c'>
<div class='boxitem_c_t'>
<div class='boxitem_c_t_l oneText'>
{{x.ListName}}
</div>
<div class='boxitem_c_t_r' style="color: #00DFB8;" v-if="x.State==1">进行中</div>
<div class='boxitem_c_t_r' v-if="x.State==2">报名已截止</div>
<div class='boxitem_c_t_r' v-if="x.State==3">已放榜</div>
</div>
<div class="boxitem_c_b oneText">
主办方：{{x.Sponsor?x.Sponsor:'无'}}
</div>
</div>
</view>
</view>
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
bg-color="#F6F6F6" />
<div style='width: 100%;height: 30px;'></div>
</scroll-view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
titleStyle: {},
loading:false,
showStart:false,
mainColor:'',
year:'2021',
defaulttime:'2021-01-01 13:01:00',
topHeight:0,
msg:{
pageIndex:1,
pageSize:10,
ListType:0,
ObjectTypeId:0,
ListState:0,
Sponsor:'',
ListName:'',
Year:'',
},
params: {//时间的配置
year: true,
month: false,
day: false,
hour: false,
minute: false,
},
g:[],
pageCount:0,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
}
},
created() {
let that = this
uni.getSystemInfo({
success(res) {
that.titleStyle = {
height: "45px",
paddingTop: `${res.statusBarHeight}px`,
opacity: "1"
};
that.topHeight = res.statusBarHeight+45
},
});
that.mainColor = that.$uiConfig.mainColor;
var myDate = new Date();
that.msg.Year = myDate.getFullYear();
that.getList()
},
methods:{
goback() {
uni.navigateBack({
delta: 1,
});
},
btnStart(e){
this.msg.Year = e.year
this.defaulttime = e.year+'-01-01 13:01:00'//拿来做为默认值 使用 不做显示
this.msg.pageIndex=1
this.getList();
},
getList(){
let parms = {
url: "/api/AppletTrade/GetAppletMyEnrollFistShopListPageList",
data:this.msg
}
uni.showLoading({
title:'加载中...'
})
this.loading = true
this.request2(parms, (res) => {
this.loading = false
uni.hideLoading()
if (res.resultCode == 1) {
this.g = this.g.concat(res.data.pageData);
this.pageCount = res.data.pageCount
if (this.pageCount == 1) {
this.status = "nomore";
}
}
})
},
//触底事件
lower(e) {
if (this.msg.pageIndex < this.pageCount) {
this.msg.pageIndex++;
this.status = "loading";
this.getList();
} else {
this.status = "nomore";
}
},
godetails(x){//跳转到详情
uni.navigateTo({
url: "/pages/kotra/billboard/billboarddetails?Id="+x.Id,
});
}
}
}
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment