Skip to content

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

1

parent 2f582f03
Hide whitespace changes
Inline Side-by-side
Showing with 536 additions and 0 deletions
pages.json
View file @ 2d740fc1
......@@ -749,6 +749,15 @@
"path": "enterpriseCertificationList" //企业认证列表
}, {
"path": "enterpriseCertificationdetails" //企业认证详情
},{
"path":"billboard/billboardList",//榜单列表
"style": {
"navigationStyle": "custom"
}
},{
"path":"billboard/billboarddetails"//榜单详情
},{
"path":"billboard/listsignUp"//榜单报名
}
]
}
......
pages/kotra/billboard/billboardList.vue 0 → 100644
View file @ 2d740fc1
<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">{{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">
<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/GetAppletFirstShopListPageList",
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>
pages/kotra/billboard/billboarddetails.vue 0 → 100644
View file @ 2d740fc1
<style scoped lang="scss">
.box{
width: 100vw;
height: 100vh;
background: #111111;
font-family: aa;
overflow-y: auto;
.box-top{
width: 100%;
height: 500rpx;
position: relative;
.box_t_name{
width: 90%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 5%;
top: 0;
font-size: 58rpx;
// color: #FFEBD2;字体的渐变
background-image:-webkit-linear-gradient(bottom,#F7D5AC,#FFEBD2,#F7D5AC);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.box_t_state{
position: absolute;
width: 100%;
top: 90rpx;
left: 0;
display: flex;
align-items: center;
justify-content: center;
.box_t_state_c{
width: 252rpx;
height: 40rpx;
background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandt.png') ;
background-size:cover;
font-size: 14px;
color: #503614;
text-align: center;
line-height: 40rpx;
}
}
.box_t_Sponsor{
position: absolute;
width: 100%;
bottom: 14rpx;
left: 0;
display: flex;
align-items: center;
justify-content: center;
.box_t_Sponsor_text{
font-size: 14px;
color: #F7D5AC;
height: 27px;
line-height: 27px;
border:1px solid #F6EDCC;
padding: 0 15px;
border-radius: 13px;
background: #1E1E1E;
}
}
}
.box_conent{
padding: 0 15px;
.box_conent_basic{
width: 100%;
background: #333333;
border-radius: 15px;
padding: 15px;
position: relative;
margin-top: 15px;
.box_conent_basic_img{
width: 100%;
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
.box_conent_basic_img_t{
width: 370rpx;
height: 54rpx;
background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandb.png') ;
background-size:cover;
font-size: 14px;
color: #503614;
text-align: center;
line-height: 54rpx;
}
}
.box_conent_basic_c{
margin-top: 84rpx;
.box_conent_basic_item{
width: 100%;
display: flex;
align-items: center;
margin-bottom: 5px;
.box_c_b_item_l{
width: 164rpx;
font-size: 13px;
color: #FFF;
}
.box_c_b_item_r{
margin-left: 5px;
display: flex;
align-items: center;
font-size: 13px;
color: #FFF;
font-weight: 500;
}
}
.box_c_b_c_item{
width: 100%;
display: flex;
align-items: center;
.cbc_item_l{
width: 16px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #FFFFFF;
}
}
}
}
.btn_bm{
width: 100%;
height: 44px;
border-radius: 10px;
background: #F70027;
font-size: 16px;
color: #FFF;
text-align: center;
line-height: 44px;
margin: 25px 0;
font-weight: bold;
}
}
}
</style>
<template>
<view class="box">
<view class="box-top">
<image mode="aspectFill" src='https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/bdbandr.jpg' style="width: 100%;height: 500rpx;"></image>
<view class="box_t_name">{{detailsData?detailsData.ListName:''}}</view>
<view class="box_t_state" v-if='detailsData && detailsData.ListState'>
<view class="box_t_state_c" >
<span v-if="detailsData.ListState==1">榜单进行中</span>
<span v-if="detailsData.ListState==2">榜单评选中</span>
<span v-if="detailsData.ListState==3">榜单已放榜</span>
</view>
</view>
<view class="box_t_Sponsor">
<view class="box_t_Sponsor_text">
{{detailsData?detailsData.Sponsor:''}}
</view>
</view>
</view>
<view class="box_conent">
<view class="box_conent_basic">
<view class="box_conent_basic_img">
<view class="box_conent_basic_img_t">榜单信息</view>
</view>
<view class="box_conent_basic_c" v-if="detailsData">
<view class="box_conent_basic_item">
<view class="box_c_b_item_l">报名时间:</view>
<view class="box_c_b_item_r">{{detailsData.StartDate}} <span style='margin:0 2px'>至</span>{{detailsData.EndDate}} </view>
</view>
<view class="box_conent_basic_item">
<view class="box_c_b_item_l">公示时间:</view>
<view class="box_c_b_item_r">{{detailsData.FinishDate}}</view>
</view>
<view class="box_conent_basic_item">
<view class="box_c_b_item_l">入围名额:</view>
<view class="box_c_b_item_r">{{detailsData.PrizeNum}}个</view>
</view>
<view class="details" style="margin-top: 15px;color: #FFF;">
<rich-text :nodes="detailsData.Content"></rich-text>
</view>
</view>
</view>
<view class="box_conent_basic">
<!-- v-if="detailsData.ListState==3" 放榜的时候-->
<view class="box_conent_basic_img">
<view class="box_conent_basic_img_t">评比结果</view>
</view>
<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>
<view v-if="detailsData.EnableRank!=1">
{{y+1}}
</view>
</view>
</view>
</view>
</view>
<view class="btn_bm" v-if="detailsData.ListState==1">立即报名</view>
<view class="btn_bm" style="background: #CCCCCC;" v-if="detailsData.ListState!=1">报名已截止</view>
</view>
</view>
</template>
<script>
export default{
data(){
return{
Id:0,
detailsData:null,
RankList:[//放榜的模拟数据
{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',
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',
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',
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',
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',
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',
Reviews:'评语傻还是得',MedalImage:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616569835000_708.png',
},
]
}
},
onLoad(options) {
// uni.setNavigationBarTitle({
// title: "详情"
// })
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#111111',
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})
if(options && options.Id){
this.Id = options.Id
this.getDetails()
}
},
methods:{
getDetails(){
let parms = {
url: "/api/AppletTrade/GetAppletFistShopListInfo",
data:{ListId:this.Id}
}
uni.showLoading({
title:'加载中...'
})
this.loading = true
this.request2(parms, (res) => {
this.loading = false
uni.hideLoading()
if (res.resultCode == 1) {
this.detailsData = res.data
}
})
}
}
}
</script>
pages/kotra/billboard/listsignUp.vue 0 → 100644
View file @ 2d740fc1
<template>
</template>
<script>
</script>
<style>
</style>
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