first commit
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user