c-zhangr1/UNION_HUTB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
c-zhangr1
2026-09-09 09:14:28 +08:00
commit 5343198112
5199 changed files with 1052895 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
target/classes/views/mobile/hd/wxHdInfoindex.html
+334
View File
@@ -0,0 +1,334 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>智慧工会平台</title>
<!-- 引入样式 -->
<link rel="stylesheet" href="//unpkg.com/vue-ydui/dist/ydui.base.css">
<link rel="stylesheet" href="/assets/platform/plugins/ydui/ydui.rem.css">
<!-- 引入rem自适应类库 -->
<script src="/assets/platform/plugins/ydui/ydui.flexible.js"></script>
<script src="/assets/platform/plugins/jquery/jquery-1.11.1.min.js"></script>
<!-- 引入 Vue -->
<script src="/assets/platform/plugins/vue/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="/assets/platform/plugins/ydui/ydui.rem.js"></script>
<script src="/assets/platform/plugins/moment/moment.min.js"></script>
<!-- Eleditor -->
<script src="/assets/platform/plugins/eleditor/Eleditor.min.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.0/lib/index.css">
<!-- 引入组件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vant@2.0/lib/vant.min.js"></script>
</head>
<style>
[v-cloak] { display: none; }
.yd-navbar-item span{
color: #40A9FB;!important;
}
@font-face {
font-family: 'iconfont'; /* project id 1341271 */
src: url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.eot');
src: url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.woff') format('woff'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.svg#iconfont') format('svg');
}
.iconfont{
font-family:"iconfont" !important;
font-size: 0.6rem;
/*color: rgb(255, 104, 93);*/
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.van-doc-demo-block__title {
margin: 0;
font-weight: 400;
font-size: 14px;
color: rgba(69,90,100,.6);
padding: 5px 15px 10px;
}
.van-cell__title{
color: #40A9FB;
}
.van-cell__value{
color: black;
}
.hdCell{
/* 一行显示*/
-webkit-line-clamp: 1;
/* 将对象作为弹性伸缩盒子模型显示 */
display: -webkit-box;
/*子元素的排列方式 */
-webkit-box-orient: vertical;
text-overflow:ellipsis;
overflow: hidden;
word-break:break-all;
height: 24px;
}
</style>
<body>
<div id="app" v-cloak>
<div id="v-back">
<van-nav-bar
title="活动详情"
left-text=""
left-arrow
@click-left="history.back()"
>
</van-nav-bar>
</div>
<div v-if="flag == '0'">
<section style="margin-top: 1.2rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">基本信息</h2>
<van-cell-group>
<van-cell title="活动地点" :value="viewData.hddz"/>
</van-cell-group>
<van-cell-group>
<van-cell title="主办单位" :value="viewData.unit"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动类型" :value="viewData.hdlx"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动项目" :value="viewData.hdxm"/>
</van-cell-group>
<van-cell-group>
<van-cell title="经费预算" :value="viewData.jfys"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">时间信息</h2>
<van-cell-group>
<van-cell title="报名开始时间" :value="viewData.bmkssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="报名结束时间" :value="viewData.bmjssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动开始时间" :value="viewData.hdkssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动结束时间" :value="viewData.hdjssj"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">活动形式</h2>
<van-cell-group>
<van-cell title="组合方式" :value="viewData.zhfs"/>
</van-cell-group>
<van-cell-group>
<van-cell title="颁奖模式" :value="viewData.bjms"/>
</van-cell-group>
<van-cell-group>
<van-cell title="竞赛模式" :value="viewData.jsfs"/>
</van-cell-group>
<van-cell-group>
<van-cell title="报名方式" :value="viewData.bmfs"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">其他信息</h2>
<van-cell-group v-show="viewData.jsfs=='竞赛类'">
<van-cell @click="infoShow=true;valueText=viewData.bmbf" v-if="viewData.bmbf!=''&&viewData.bmbf!=null" title="报名办法" is-link><div v-html="viewData.bmbf" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.bmbf==''||viewData.bmbf==null" @click="infoShow=false" title="报名办法" value="暂无报名办法" is-link/>
</van-cell-group>
<van-cell-group v-show="viewData.jsfs=='竞赛类'">
<van-cell @click="infoShow=true;valueText=viewData.jsbf" v-if="viewData.jsbf!=''&&viewData.jsbf!=null" title="竞赛办法" is-link><div v-html="viewData.jsbf" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.jsbf==''||viewData.jsbf==null" @click="infoShow=false" title="竞赛办法" value="暂无竞赛办法" is-link/>
</van-cell-group>
<van-cell-group v-show="viewData.jsfs=='竞赛类'">
<van-cell @click="infoShow=true;valueText=viewData.jlbf" v-if="viewData.jlbf!=''&&viewData.jlbf!=null" title="奖励办法" is-link><div v-html="viewData.jlbf" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.jlbf==''||viewData.jlbf==null" @click="infoShow=false" title="奖励办法" value="暂无奖励办法" is-link/>
</van-cell-group>
<van-cell-group v-show="viewData.jsfs=='竞赛类'">
<van-cell @click="infoShow=true;valueText=viewData.zysx" v-if="viewData.zysx!=''&&viewData.zysx!=null" title="其他注意事项" is-link><div v-html="viewData.zysx" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.zysx==''||viewData.zysx==null" @click="infoShow=false" title="其他注意事项" value="暂无其他注意事项" is-link/>
</van-cell-group>
<van-cell-group v-show="viewData.jsfs=='非竞赛类'">
<van-cell @click="infoShow=true;valueText=viewData.hdtz" v-if="viewData.hdtz!=''&&viewData.hdtz!=null" title="活动通知" is-link><div v-html="viewData.hdtz" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.hdtz==''||viewData.hdtz==null" @click="infoShow=false" title="活动通知" value="暂无活动通知" is-link/>
</van-cell-group>
</section>
</div>
<div v-if="flag == '1'">
<section style="margin-top: 1.2rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">基本信息</h2>
<van-cell-group>
<van-cell title="活动地点" :value="viewData.hddz"/>
</van-cell-group>
<van-cell-group>
<van-cell title="主办工会" :value="viewData.unionname"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动类型" :value="viewData.hdlx"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动项目" :value="viewData.hdxm"/>
</van-cell-group>
<van-cell-group>
<van-cell title="经费预算" :value="viewData.jfys"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">时间信息</h2>
<van-cell-group>
<van-cell title="报名开始时间" :value="viewData.bmkssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="报名结束时间" :value="viewData.bmjssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动开始时间" :value="viewData.hdkssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动结束时间" :value="viewData.hdjssj"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">其他信息</h2>
<van-cell-group>
<van-cell @click="infoShow=true;valueText=viewData.bmbf" v-if="viewData.bmbf!=''&&viewData.bmbf!=null" title="报名办法" is-link><div v-html="viewData.bmbf" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.bmbf==''||viewData.bmbf==null" @click="infoShow=false" title="报名办法" value="暂无报名办法" is-link/>
</van-cell-group>
<van-cell-group>
<van-cell @click="infoShow=true;valueText=viewData.hdnr" v-if="viewData.hdnr!=''&&viewData.hdnr!=null" title="活动内容" is-link><div v-html="viewData.hdnr" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.hdnr==''||viewData.hdnr==null" @click="infoShow=false" title="活动内容" value="暂无活动内容" is-link/>
</van-cell-group>
<van-cell-group>
<van-cell @click="infoShow=true;valueText=viewData.jlbf" v-if="viewData.jlbf!=''&&viewData.jlbf!=null" title="奖励办法" is-link><div v-html="viewData.jlbf" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.jlbf==''||viewData.jlbf==null" @click="infoShow=false" title="奖励办法" value="暂无奖励办法" is-link/>
</van-cell-group>
<van-cell-group>
<van-cell @click="infoShow=true;valueText=viewData.zysx" v-if="viewData.zysx!=''&&viewData.zysx!=null" title="其他注意事项" is-link><div v-html="viewData.zysx" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.zysx==''||viewData.zysx==null" @click="infoShow=false" title="其他注意事项" value="暂无其他注意事项" is-link/>
</van-cell-group>
</section>
</div>
<div v-if="flag == '2'">
<section style="margin-top: 1.2rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">基本信息</h2>
<van-cell-group>
<van-cell title="活动地点" :value="viewData.hddz"/>
</van-cell-group>
<van-cell-group>
<van-cell title="主要负责人" :value="viewData.username"/>
</van-cell-group>
<van-cell-group>
<van-cell title="联系电话" :value="viewData.phone"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动类型" :value="viewData.hdlx"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动项目" :value="viewData.hdxm"/>
</van-cell-group>
<van-cell-group>
<van-cell title="经费预算" :value="viewData.jfys"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">时间信息</h2>
<van-cell-group>
<van-cell title="报名开始时间" :value="viewData.bmkssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="报名结束时间" :value="viewData.bmjssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动开始时间" :value="viewData.hdkssj"/>
</van-cell-group>
<van-cell-group>
<van-cell title="活动结束时间" :value="viewData.hdjssj"/>
</van-cell-group>
</section>
<section style="margin-top: 0.18rem" class="van-doc-demo-block">
<h2 class="van-doc-demo-block__title">其他信息</h2>
<van-cell-group>
<van-cell @click="infoShow=true;valueText=viewData.hdnr" v-if="viewData.hdnr!=''&&viewData.hdnr!=null" title="活动内容" is-link><div v-html="viewData.hdnr" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.hdnr==''||viewData.hdnr==null" @click="infoShow=false" title="活动内容" value="暂无活动内容" is-link/>
</van-cell-group>
<van-cell-group>
<van-cell @click="infoShow=true;valueText=viewData.hdzz" v-if="viewData.hdzz!=''&&viewData.hdzz!=null" title="活动宗旨" is-link><div v-html="viewData.hdzz" class="hdCell"></div></van-cell>
<van-cell v-if="viewData.hdzz==''||viewData.hdzz==null" @click="infoShow=false" title="活动宗旨" value="暂无活动宗旨" is-link/>
</van-cell-group>
</section>
</div>
<van-popup v-model="infoShow" round style="width: 80%;max-height:60%;padding: 0.4rem 0.32rem 0.4rem 0.4rem;"><div v-html="valueText"></div></van-popup>
</div>
<!-- 引入组件库 -->
<script src="//unpkg.com/vue-ydui/dist/ydui.rem.js"></script>
<script>Vue.config.productionTip=false</script>
<script>
var Vue = window.Vue;
var vant = window.vant;
// 注册 Lazyload 组件
Vue.use(vant.Lazyload);
var vue = new Vue({
el: '#app',
data: function () {
return {
viewData:[],
hdmc:"",
infoShow:false,
valueText:"",
flag:"",
}
},
methods: {
pageData:function () {
var self=this;
$.post("/platform/wxMobile/wxHdInfo/data",{},function (data) {
if(data.code==0){
self.viewData = data.data.hdInfo;
self.flag = data.data.flag;
if(data.data.flag=="0") {
self.hdmc = "【"+data.data.hdInfo.xhdmc+"】";
}else if(data.data.flag=="1") {
self.hdmc = "【"+data.data.hdInfo.fhdmc+"】";
}else if(data.data.flag=="2") {
self.hdmc = "【"+data.data.hdInfo.hdmc+"】";
}
}
},"json");
},
},
created:function () {
this.pageData();
},
updated: function () {
},
watch:{
}
})
</script>
</body>
</html>
target/classes/views/mobile/hd/wxHdbmindex.html
+687
View File
@@ -0,0 +1,687 @@
<!--#
layout("/mobile/platform.html"){
#-->
<style>
[v-cloak] {
display: none;
}
.yd-navbar-item span {
color: #40A9FB !important;
}
.van-tabs__content {
}
.van-tabs__nav--card {
margin: 0px 10px;
}
@font-face {
font-family: 'iconfont'; /* project id 1341271 */
src: url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.eot');
src: url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.woff2') format('woff2'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.woff') format('woff'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.ttf') format('truetype'),
url('//at.alicdn.com/t/font_1341271_xgu8wtr4c1q.svg#iconfont') format('svg');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 0.6rem;
/*color: rgb(255, 104, 93);*/
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.yd-list-donetip {
padding: 0 0 .25rem 0;
}
.yd-confirm-ft > a.primary {
color: #40A9FB;
}
.van-pull-refresh__head {
height: 80px;
line-height: 100px;
}
.van-pull-refresh {
overflow: visible;
}
.van-tabs--card {
padding-top: 0px;
}
</style>
<div id="app" v-cloak>
<van-nav-bar title="活动报名"
left-arrow placeholder fixed
@click-left="location.replace('/mobile/index')">
</van-nav-bar>
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="margin-top: 0.5rem;">
<div>
<van-tabs type="card" color="#40A9FB" @click="onClick">
<van-tab title="校活动">
<yd-infinitescroll :callback="load" ref="infinitescroll">
<yd-list theme="1" slot="list">
<ul>
<div style="margin-left: 34px;margin-bottom: 8px;font-size: 14px;color: #989898"></div>
<li v-for="item,index in dataList"
style="box-shadow:#B5B5B5 0px 0px 4px;background-color: white;margin: 0px 0.20rem 0.4rem 0.20rem;padding: 0.3rem 0.34rem">
<div style="display: flex;justify-content:space-around;">
<div style="width: 80%">
<div style="font-size: 1rem;font-family: 等线;color: #161616">{{item.xhdmc}}
</div>
<div style="margin-top: 0.5rem;font-size: .6rem;color: #606060;">
{{item.hddz}}
</div>
</div>
<div style="width: 20%;display: flex;align-items:center;justify-content: center">
<div v-if="(item.cc=='1'||item.cc=='2')&&item.bmzt=='未报名'||item.bmzt==''||item.bmzt==null"
@click="xhdBm(item.id,item.hdrs)" style="color:rgb(255, 104, 93)"><i
slot="icon" class="iconfont" color="#FF685D"
style="font-size: 1.5rem;">&#xe653;</i></div>
<div v-if="(item.cc!='1'||item.cc!='2')&&item.bmzt=='报名待审核'"
@click="qxXhdBm(item.id)" style="color: #FFA500"><i slot="icon"
class="iconfont"
color="#FFA500"
style="font-size: 1.5rem;">&#xe7ac;</i>
</div>
<div v-if="(item.cc!='1'&&item.cc!='2')&&item.bmzt=='报名通过'"
@click="qxXhdBm(item.id)" style="color:#90EE90"><i slot="icon"
class="iconfont"
color=" #90EE90"
style="font-size: 1.5rem;font-weight: bolder">&#xe7ab;</i>
</div>
<div v-if="(item.cc!='1'||item.cc!='2')&&item.bmzt=='报名驳回'"
@click="xhdBm(item.id,item.hdrs)" style="color:#B5B5B5"><i slot="icon"
class="iconfont"
color="#B5B5B5"
style="font-size: 1.5rem;">&#xe6e2;</i>
</div>
</div>
</div>
<div style="width: 100%;height: 1px;margin: 10px 0;background-color: #dcdcdc"></div>
<div @click="viewInfo(item.id,item.xhdmc)" style="display: flex;font-size: 12px">
<div style="width: 38%">
<div style="color: gray;margin-bottom: 10px">活动项目</div>
<div class="text-overflow">{{item.name}}</div>
</div>
<div style="width: 38%">
<div style="color: gray;margin-bottom: 10px">报名结束时间</div>
<div class="text-overflow">{{item.bmjssj}}</div>
</div>
<div style="width: 23%">
<div style="color: gray;margin-bottom: 10px">活动开始时间</div>
<div class="text-overflow">{{item.hdkssj}}</div>
</div>
</div>
</li>
<van-empty
v-if="xShow"
class="custom-image"
image="/none.svg"
description="暂无数据"
></van-empty>
</ul>
</yd-list>
<!-- 数据全部加载完毕显示 -->
<span slot="doneTip">没有更多数据了</span>
</yd-infinitescroll>
</van-tab>
<van-tab title="分会活动">
<yd-infinitescroll :callback="fhLoad" ref="fhInfinitescroll">
<yd-list theme="1" slot="list">
<ul>
<div style="margin-left: 34px;margin-bottom: 8px;font-size: 14px;color: #989898"></div>
<li v-for="item,index in fhDataList"
style="box-shadow:#B5B5B5 0px 0px 4px;background-color: white;margin: 0px 0.20rem 0.4rem 0.20rem;padding: 0.3rem 0.34rem">
<div style="display: flex;justify-content:space-around;">
<div style="width: 80%" @click="viewInfo(item.id,item.fhdmc)">
<div style="font-size: 1rem;font-family: 等线;color: #161616">{{item.fhdmc}}
</div>
<div style="margin-top: 0.5rem;font-size: .6rem;color: #606060;">
{{item.hddz}}
</div>
</div>
<div style="width: 20%;display: flex;align-items:center;justify-content: center">
<div v-if="item.sfbm=='0'" @click="fhdBm(item.id,item.hdrs)"
style="color:rgb(255, 104, 93)"><i slot="icon" class="iconfont"
color="#FF685D"
style="font-size: 0.7rem;">&#xe653;</i>
</div>
<div v-if="item.sfbm>'0'" @click="qxFhBm(item.id,item.hdrs)"
style="color:#90EE90;"><i slot="icon" class="iconfont" color="#90EE90"
style="font-size: 0.7rem;font-weight: bolder">&#xe7ab;</i>
</div>
</div>
</div>
<div style="width: 100%;height: 1px;margin: 10px 0;background-color: #dcdcdc"></div>
<div @click="viewInfo(item.id,item.fhdmc)" style="display: flex;font-size: 12px">
<div style="width: 38%">
<div style="color: gray;margin-bottom: 10px">活动项目</div>
<div class="text-overflow">{{item.name}}</div>
</div>
<div style="width: 38%">
<div style="color: gray;margin-bottom: 10px">报名结束时间</div>
<div class="text-overflow">{{item.bmjssj}}</div>
</div>
<div style="width: 23%">
<div style="color: gray;margin-bottom: 10px">活动开始时间</div>
<div class="text-overflow">{{item.hdkssj}}</div>
</div>
</div>
</li>
<van-empty
v-if="fhShow"
class="custom-image"
image="/none.svg"
description="暂无数据"
></van-empty>
</ul>
</yd-list>
<!-- 数据全部加载完毕显示 -->
<span slot="doneTip">没有更多数据了</span>
</yd-infinitescroll>
</van-tab>
<van-tab title="协会活动">
<yd-infinitescroll :callback="stLoad" ref="stInfinitescroll">
<yd-list theme="1" slot="list">
<ul>
<div style="margin-left: 34px;margin-bottom: 8px;font-size: 14px;color: #989898"></div>
<li v-for="item,index in stDataList"
style="box-shadow:#B5B5B5 0px 0px 4px;background-color: white;margin: 0px 0.20rem 0.4rem 0.20rem;padding: 0.3rem 0.34rem">
<div style="display: flex;justify-content:space-around;">
<div style="width: 80%" @click="viewInfo(item.id,item.hdmc)">
<div style="font-size: 1rem;font-family: 等线;color: #161616">{{item.hdmc}}
</div>
<div style="margin-top: 0.5rem;font-size: .6rem;color: #606060;">
{{item.hddz}}
</div>
</div>
<div style="width: 20%;display: flex;align-items:center;justify-content: center">
<div v-if="item.sfbm=='0'" @click="sthdBm(item.id,item.cyrs)"
style="color:rgb(255, 104, 93)"><i slot="icon" class="iconfont"
color="#FF685D"
style="font-size: 0.7rem;">&#xe653;</i>
</div>
<div v-if="item.sfbm>'0'" @click="qxsthBm(item.id,item.cyrs)"
style="color:#90EE90;"><i slot="icon" class="iconfont" color="#90EE90"
style="font-size: 0.7rem;font-weight: bolder">&#xe7ab;</i>
</div>
</div>
</div>
<div style="width: 100%;height: 1px;margin: 10px 0;background-color: #dcdcdc"></div>
<div @click="viewInfo(item.id,item.hdmc)" style="display: flex;font-size: 12px">
<div style="width: 38%">
<div style="color: gray;margin-bottom: 10px">活动项目</div>
<div class="text-overflow">{{item.name}}</div>
</div>
<div style="width: 38%">
<div style="color: gray;margin-bottom: 10px">报名结束时间</div>
<div class="text-overflow">{{item.bmjssj}}</div>
</div>
<div style="width: 23%">
<div style="color: gray;margin-bottom: 10px">活动开始时间</div>
<div class="text-overflow">{{item.hdkssj}}</div>
</div>
</div>
</li>
<van-empty
v-if="stShow"
class="custom-image"
image="/none.svg"
description="暂无数据"
></van-empty>
</ul>
</yd-list>
<!-- 数据全部加载完毕显示 -->
<span slot="doneTip">没有更多数据了</span>
</yd-infinitescroll>
</van-tab>
</van-tabs>
</div>
</van-pull-refresh>
<yd-backtop></yd-backtop>
</div>
<!-- 引入组件库 -->
<script src="//unpkg.com/vue-ydui/dist/ydui.rem.js"></script>
<script>Vue.config.productionTip = false</script>
<script>
let Vue = window.Vue;
let vant = window.vant;
// 注册 Lazyload 组件
Vue.use(vant.Lazyload);
let vue = new Vue({
el: '#app',
data() {
return {
active: "0",
pageForm: {
pageNumber: 1,
pageSize: 5,
searchWord: "",
},
fhPageForm: {
pageNumber: 1,
pageSize: 5,
searchWord: "",
},
stPageForm: {
pageNumber: 1,
pageSize: 5,
searchWord: "",
},
flag: "0",
dataList: [],
fhDataList: [],
stDataList: [],
isLoading: false,
xShow: false,
fhShow: false,
stShow: false,
}
},
methods: {
pageData() {
let self = this;
$.post("/mobile/hd/hdbm/data", self.pageForm, function (data) {
if (data.code == 0) {
if (data.data.hds.list.length == 0) {
self.xShow = true;
} else {
self.dataList = [];
self.xShow = false;
self.dataList = data.data.hds.list;
self.$refs.infinitescroll.$emit('ydui.infinitescroll.reInit');
}
}
}, "json");
},
load() {
let self = this;
setTimeout(function () {
self.pageForm.pageNumber = self.pageForm.pageNumber + 1;
$.post("/mobile/hd/hdbm/data", self.pageForm, function (data) {
if (data.code == 0) {
self.dataList = self.dataList.concat(data.data.hds.list);
if (data.data.hds.list.length == 0) {
self.$refs.infinitescroll.$emit('ydui.infinitescroll.loadedDone');
return;
} else {
self.$refs.infinitescroll.$emit('ydui.infinitescroll.finishLoad');
}
}
}, "json");
}, 400);
},
fhLoad() {
let self = this;
setTimeout(function () {
self.fhPageForm.pageNumber = self.fhPageForm.pageNumber + 1;
$.post("/mobile/hd/hdbm/fhData", self.fhPageForm, function (data) {
if (data.code == 0) {
self.fhDataList = self.fhDataList.concat(data.data.hds.list);
if (data.data.hds.list.length == 0) {
self.$refs.fhInfinitescroll.$emit('ydui.infinitescroll.loadedDone');
return;
} else {
self.$refs.fhInfinitescroll.$emit('ydui.infinitescroll.finishLoad');
}
}
}, "json");
}, 400);
},
stLoad() {
let self = this;
setTimeout(function () {
self.stPageForm.pageNumber = self.stPageForm.pageNumber + 1;
$.post("/mobile/hd/hdbm/stData", self.stPageForm, function (data) {
if (data.code == 0) {
self.stDataList = self.stDataList.concat(data.data.hds.list);
if (data.data.hds.list.length == 0) {
self.$refs.stInfinitescroll.$emit('ydui.infinitescroll.loadedDone');
return;
} else {
self.$refs.stInfinitescroll.$emit('ydui.infinitescroll.finishLoad');
}
}
}, "json");
}, 400);
},
onClick(name, title) {
let self = this;
self.flag = name;
if (name == "0") {
self.clickXhd();
} else if (name == "1") {
self.clickFhd();
} else if (name == "2") {
self.clickSthd();
}
},
clickXhd() {
let self = this;
self.pageForm.pageNumber = 1;
$.post("/mobile/hd/hdbm/data", self.pageForm, function (data) {
if (data.code == 0) {
self.dataList = data.data.hds.list;
if (self.dataList.length == 0) {
self.xShow = true;
} else {
self.xShow = false;
}
self.$refs.infinitescroll.$emit('ydui.infinitescroll.reInit');
}
}, "json");
},
clickFhd() {
let self = this;
self.fhPageForm.pageNumber = 1;
$.post("/mobile/hd/hdbm/fhData", self.fhPageForm, function (data) {
if (data.code == 0) {
self.fhDataList = data.data.hds.list;
if (self.fhDataList.length == 0) {
self.fhShow = true;
} else {
self.fhShow = false;
}
self.$refs.fhInfinitescroll.$emit('ydui.infinitescroll.reInit');
}
}, "json");
},
clickSthd() {
let self = this;
self.stPageForm.pageNumber = 1;
$.post("/mobile/hd/hdbm/stData", self.stPageForm, function (data) {
if (data.code == 0) {
self.stDataList = data.data.hds.list;
if (self.stDataList.length == 0) {
self.stShow = true;
} else {
self.stShow = false;
}
self.$refs.stInfinitescroll.$emit('ydui.infinitescroll.reInit');
}
}, "json");
},
xhdBm(id, hdrs) {
let self = this;
$.post("/mobile/hd/hdbm/findXhdBmrs", {hdid: id, hdrs: hdrs}, function (data) {
if (data.code == 0) {
vant.Dialog.confirm({
title: '温馨提示',
message: '确认是否要报名此活动吗？',
}).then(() => {
$.post("/mobile/hd/hdbm/xhdBm", {
hdid: id,
rysfid: "11",
rylx: "1",
shzt: "1",
qxbm: "0"
}, function (data) {
if (data.code == 0) {
let toast = vant.Toast.loading({
mask: true,
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '报名中...'
});
setTimeout(function () {
toast.message = "报名成功";
}, 1000);
setTimeout(function () {
toast.clear();
self.clickXhd();
}, 2000);
}
}, "json");
}).catch(() => {
// on cancel
});
} else if (data.code == 1) {
vant.Dialog.alert({
message: '当前活动男队人数名额已满',
})
} else if (data.code == 2) {
vant.Dialog.alert({
message: '当前活动女队人数名额已满',
})
} else if (data.code == 3) {
vant.Dialog.alert({
message: '当前活动人数名额已满',
})
}
}, "json");
},
qxXhdBm(id) {
let self = this;
vant.Dialog.confirm({
title: '温馨提示',
message: '您是否要<span style=\'color: red\'>取消</span>此活动的报名?',
}).then(() => {
$.post("/mobile/hd/hdbm/qxXhdBm", {hdid: id}, function (data) {
if (data.code == 0) {
let toast = vant.Toast.loading({
mask: true,
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '取消中...'
});
setTimeout(function () {
toast.message = "取消成功";
}, 1000);
setTimeout(function () {
toast.clear();
self.clickXhd();
}, 2000);
}
}, "json");
}).catch(() => {
// on cancel
});
},
fhdBm(id, hdrs) {
let self = this;
$.post("/mobile/hd/hdbm/findFhdBmrs", {hdid: id, hdrs: hdrs}, function (data) {
if (data.code == 0) {
vant.Dialog.confirm({
title: '温馨提示',
message: '确认是否要报名此活动吗?',
}).then(() => {
$.post("/mobile/hd/hdbm/fhBm", {hdid: id}, function (data) {
if (data.code == 0) {
let toast = vant.Toast.loading({
mask: true,
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '报名中...'
});
setTimeout(function () {
toast.message = "报名成功";
}, 1000);
setTimeout(function () {
toast.clear();
self.clickFhd();
}, 2000);
}
}, "json");
}).catch(() => {
// on cancel
});
} else if (data.code == -1) {
vant.Dialog.alert({
message: '此活动人数已满',
})
}
}, "json");
},
qxFhBm(id) {
let self = this;
vant.Dialog.confirm({
title: '温馨提示',
message: "您是否要<span style='color: red'>取消</span>此活动的报名?",
}).then(() => {
$.post("/mobile/hd/hdbm/qxFhBm", {hdid: id}, function (data) {
if (data.code == 0) {
let toast = vant.Toast.loading({
mask: true,
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '取消中...'
});
setTimeout(function () {
toast.message = "取消成功";
}, 1000);
setTimeout(function () {
toast.clear();
self.clickFhd();
}, 2000);
}
}, "json");
}).catch(() => {
// on cancel
});
},
sthdBm(id, hdrs) {
let self = this;
$.post("/mobile/hd/hdbm/findSthdBmrs", {hdid: id, hdrs: hdrs}, function (data) {
if (data.code == 0) {
vant.Dialog.confirm({
title: '温馨提示',
message: "确认是否要报名此活动吗？",
}).then(() => {
$.post("/mobile/hd/hdbm/sthdBm", {hdid: id}, function (data) {
if (data.code == 0) {
let toast = vant.Toast.loading({
mask: true,
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '报名中...'
});
setTimeout(function () {
toast.message = "报名成功";
}, 1000);
setTimeout(function () {
toast.clear();
self.clickSthd();
}, 2000);
}
}, "json");
}).catch(() => {
// on cancel
});
} else if (data.code == -1) {
vant.Dialog.alert({
message: '此活动人数已满',
})
}
}, "json");
},
qxsthBm(id) {
let self = this;
vant.Dialog.confirm({
title: '温馨提示',
message: "您是否要<span style='color: red'>取消</span>此活动的报名?",
}).then(() => {
$.post("/mobile/hd/hdbm/qxSthdBm", {hdid: id}, function (data) {
if (data.code == 0) {
let toast = vant.Toast.loading({
mask: true,
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '取消中...'
});
setTimeout(function () {
toast.message = "取消成功";
}, 1000);
setTimeout(function () {
toast.clear();
self.clickSthd();
}, 2000);
}
}, "json");
}).catch(() => {
// on cancel
});
},
onRefresh() {
let self = this;
setTimeout(function () {
self.clickXhd();
self.clickFhd();
self.clickSthd();
self.isLoading = false;
}, 600)
},
viewInfo(id) {
let self = this;
location.href = "/platform/wxMobile/wxHdInfo?hdid=" + id + "&flag=" + self.flag;
}
},
created() {
this.pageData();
},
updated() {
},
watch: {},
})
</script>
<!--#
}
#-->