334 lines
15 KiB
HTML
334 lines
15 KiB
HTML
<!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> |