first commit
This commit is contained in:
@@ -0,0 +1,112 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-card__body {
|
||||
padding: 0px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-clock>
|
||||
<el-card class="box-card">
|
||||
<el-row class="header navbar bg-white shadow" style="padding-left: 5px;padding-right: 5px;background-color: #e6f1fe;">
|
||||
<div class="btn-group tool-button mt5" style="width: 100%">
|
||||
<el-date-picker style="width: 100%"
|
||||
@change="init"
|
||||
v-model="year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card class="box-card" >
|
||||
<div slot="header" class="clearfix" >
|
||||
<span style="font-size: 18px">基层工会活动场地使用情况</span>
|
||||
</div>
|
||||
<div class="text item" style="height: 500px;" >
|
||||
<div id="container1" style="height:100%;width: 100%"></div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
<script>
|
||||
window.vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
cd:[],
|
||||
count:[],
|
||||
year:moment().format('YYYY')
|
||||
}
|
||||
},
|
||||
created() {
|
||||
|
||||
},
|
||||
mounted(){
|
||||
this.init()
|
||||
},
|
||||
methods: {
|
||||
init(){
|
||||
$.ajaxSettings.async=false;
|
||||
$.post(base + "/platform/hd/hdcxtj/zhtj/cdTj",{year:this.year}).then(res=>{
|
||||
this.cd = res.data.cd
|
||||
this.count = res.data.count
|
||||
})
|
||||
$.ajaxSettings.async=true;
|
||||
let self=this
|
||||
let option = {
|
||||
title : {
|
||||
// text: '场地使用情况统计',
|
||||
// x:'left'
|
||||
},
|
||||
tooltip : {
|
||||
trigger: 'item',
|
||||
formatter: "使用率： <br/>{b} : {c} ({d}%)"
|
||||
},
|
||||
toolbox: {
|
||||
show: true,
|
||||
feature: {
|
||||
|
||||
},
|
||||
right:16,
|
||||
},
|
||||
legend: {
|
||||
right: 'right',
|
||||
data: self.cd,
|
||||
},
|
||||
series : [
|
||||
{
|
||||
name: '数据',
|
||||
type: 'pie',
|
||||
radius : '70%',
|
||||
center: ['45%', '50%'],
|
||||
label: {
|
||||
normal: {
|
||||
textStyle : {
|
||||
fontWeight : 'normal',
|
||||
fontSize : 18
|
||||
}
|
||||
}
|
||||
},
|
||||
data: self.count,
|
||||
itemStyle: {
|
||||
emphasis: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
let dom = document.getElementById("container1");
|
||||
let myChart = echarts.init(dom,'westeros');
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,659 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.is-plain{
|
||||
background: #FFF;
|
||||
border-color: #409EFF;
|
||||
color: #409EFF;
|
||||
}
|
||||
.el-card__body {
|
||||
padding: 0px;
|
||||
}
|
||||
.el-table-container {
|
||||
padding-top: 0px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div style="padding: 10px" v-show="isshow">
|
||||
<el-card class="box-card">
|
||||
<el-row class="header navbar bg-white " style="padding-left: 5px;padding-right: 5px;background-color: #e6f1fe;">
|
||||
<div class="btn-group tool-button mt5" style="width: 100%">
|
||||
<el-date-picker style="width: 100%"
|
||||
@change="yearChange"
|
||||
v-model="year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<el-card class="box-card" id="first">
|
||||
<div slot="header" class="clearfix">
|
||||
<span style="font-size: 18px">活动概览</span>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: space-around">
|
||||
<el-button plain type="primary">基层工会数量：{{buttonData.fhcount}}</el-button>
|
||||
<el-button plain type="primary">协会数量：{{buttonData.stcount}}</el-button>
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button :class="{'is-plain':pageForm.val==3}" @click="pageData(3)">校工会活动数量：{{buttonData.xhd}}</el-button>
|
||||
<el-button :class="{'is-plain':pageForm.val==4}" @click="pageData(4)">基层工会活动数量：{{buttonData.fhhd}}</el-button>
|
||||
<el-button :class="{'is-plain':pageForm.val==5}" @click="pageData(5)">协会活动数量：{{buttonData.sthd}}</el-button>
|
||||
<el-divider direction="vertical"></el-divider>
|
||||
<el-button :class="{'is-plain':pageForm.val==6}" @click="pageData(6)">校工会正在进行活动：{{buttonData.xhdjx}}</el-button>
|
||||
<el-button :class="{'is-plain':pageForm.val==7}" @click="pageData(7)">基层工会正在进行活动：{{buttonData.fhhdjx}}</el-button>
|
||||
<el-button :class="{'is-plain':pageForm.val==8}" @click="pageData(8)">协会正在进行活动：{{buttonData.sthdjx}}</el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tabledata" size="small" header-align="center">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="活动名称" prop="hdmc"></el-table-column>
|
||||
<el-table-column align="center" label="活动地址" prop="hddz"></el-table-column>
|
||||
<el-table-column align="center" label="活动开始时间" prop="hdkssj"></el-table-column>
|
||||
<el-table-column align="center" label="活动结束时间" prop="hdjssj"></el-table-column>
|
||||
<el-table-column align="center" label="操作" width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" @click="openview(scope)">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[5, 10, 15, 20]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
<transition name="el-zoom-in-center">
|
||||
<div style="padding: 10px" v-show="!isshow">
|
||||
<div class="text-primary pointer" style="font-size: 20px" @click="isshow=true">
|
||||
<i class="el-icon-arrow-left"></i>
|
||||
返回
|
||||
</div>
|
||||
<el-tabs v-model="xqactive">
|
||||
<el-tab-pane label="活动详细信息" name="1">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td colspan="6" class="text-center" style="font-size: 20px;background-color: #f5f5f5">
|
||||
{{viewData.xhdmc}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >活动地点</td>
|
||||
<td colspan="2">{{viewData.hddz}}</td>
|
||||
<td>主办单位</td>
|
||||
<td colspan="2">{{viewData.unit}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>活动类型</td>
|
||||
<td>{{viewData.hdlx}}</td>
|
||||
<td>活动项目</td>
|
||||
<td>{{viewData.hdxm}}</td>
|
||||
<td>活动经费预算</td>
|
||||
<td>{{viewData.jfys}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>报名开始时间</td>
|
||||
<td>{{viewData.bmkssj}}</td>
|
||||
<td>报名截止时间</td>
|
||||
<td>{{viewData.bmjssj}}</td>
|
||||
<td>活动年份</td>
|
||||
<td>{{viewData.hdnf}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>活动开始时间</td>
|
||||
<td>{{viewData.hdks}}</td>
|
||||
<td>活动结束时间</td>
|
||||
<td>{{viewData.hdjs}}</td>
|
||||
<td>组合方式</td>
|
||||
<td>{{viewData.zhfs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>颁奖模式</td>
|
||||
<td>{{viewData.bjms}}</td>
|
||||
<td>竞赛模式</td>
|
||||
<td>{{viewData.jsfs}}</td>
|
||||
<td>报名方式</td>
|
||||
<td v-if="viewData.bmfs!='名额分配'">{{viewData.bmfs}}</td>
|
||||
<td v-else>基层工会报名</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">报名办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.bmbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">竞赛办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.jsbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">奖励办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.jlbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">其他注意事项</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.zysx"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">活动通知</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.hdtz"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动工作人员列表" v-if="viewData.type=='xhd'" name="2">
|
||||
<el-table :data="gzryListTableData" size="small" >
|
||||
<el-table-column label="人员身份" prop="shmc" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="所属单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动报名情况" name="3">
|
||||
<el-table :data="bmTableData" max-height="320px" height="320px" size="small" >
|
||||
<el-table-column label="序号" type="index" index="1" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名' || bmfs == '名额分配'" label="报名单位"
|
||||
prop="unionname" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名' || bmfs == '名额分配'" label="报名人员" prop="cyry"
|
||||
header-align="center" align="center"></el-table-column>
|
||||
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="工资号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="性别" prop="sex" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="单位" prop="name"
|
||||
header-align="center" align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动获奖情况" v-if="viewData.type=='xhd'" name="4">
|
||||
<el-table :data="hjTableData" size="small" >
|
||||
<el-table-column v-if="hdms == '团体'" label="获奖单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="获奖信息" prop="mc" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="奖品名称" prop="jpmc" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-label v-if="scope.row.jpmc!='' && scope.row.jpmc!=null">{{scope.row.jpmc}}
|
||||
</el-label>
|
||||
<el-label v-else>无（现金奖励）</el-label>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" prop="money" header-align="center" align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
|
||||
<el-dialog title="查看" :visible.sync="xhdDialogVisible" custom-class="ViewDialogClass" width="60%" top="3%">
|
||||
<el-collapse v-model="activeName" accordion>
|
||||
<el-collapse-item title="活动详细信息" name="1">
|
||||
<el-card>
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td colspan="6" class="text-center" style="font-size: 20px;background-color: #f5f5f5">
|
||||
{{viewData.xhdmc}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >活动地点</td>
|
||||
<td colspan="2">{{viewData.hddz}}</td>
|
||||
<td>主办单位</td>
|
||||
<td colspan="2">{{viewData.unit}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>活动类型</td>
|
||||
<td>{{viewData.hdlx}}</td>
|
||||
<td>活动项目</td>
|
||||
<td>{{viewData.hdxm}}</td>
|
||||
<td>活动经费预算</td>
|
||||
<td>{{viewData.jfys}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>报名开始时间</td>
|
||||
<td>{{viewData.bmkssj}}</td>
|
||||
<td>报名截止时间</td>
|
||||
<td>{{viewData.bmjssj}}</td>
|
||||
<td>活动年份</td>
|
||||
<td>{{viewData.hdnf}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>活动开始时间</td>
|
||||
<td>{{viewData.hdks}}</td>
|
||||
<td>活动结束时间</td>
|
||||
<td>{{viewData.hdjs}}</td>
|
||||
<td>组合方式</td>
|
||||
<td>{{viewData.zhfs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>颁奖模式</td>
|
||||
<td>{{viewData.bjms}}</td>
|
||||
<td>竞赛模式</td>
|
||||
<td>{{viewData.jsfs}}</td>
|
||||
<td>报名方式</td>
|
||||
<td v-if="viewData.bmfs!='名额分配'">{{viewData.bmfs}}</td>
|
||||
<td v-else>基层工会报名</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">报名办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.bmbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">竞赛办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.jsbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">奖励办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.jlbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">其他注意事项</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.zysx"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">活动通知</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.hdtz"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="活动工作人员列表" name="2">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="gzryListTableData" size="small" border :header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="人员身份" prop="shmc" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column label="所属单位" prop="name" header-align="center" align="center" ></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="基层工会报名情况" name="3">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="bmTableData" height="400" size="small" border :header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="序号" type="index" index="1" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名'" label="报名单位" width="220" prop="unionname" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名'" label="报名人员" prop="cyry" header-align="center" align="center" ></el-table-column>
|
||||
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="职工号" prop="loginname" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="姓名" prop="username" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="性别" prop="sex" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" width="240px" label="单位" prop="name" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="联系电话" prop="mobile" header-align="center" align="center" ></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="活动获奖情况" name="4">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="hjTableData" size="small" border :header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column v-if="hdms == '团体'" label="获奖单位" prop="name" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人" prop="username" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人单位" prop="name" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column label="获奖信息" prop="mc" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column label="奖品名称" prop="jpmc" header-align="center" align="center" >
|
||||
<template slot-scope="scope">
|
||||
<el-label v-if="scope.row.jpmc!='' && scope.row.jpmc!=null">{{scope.row.jpmc}}</el-label>
|
||||
<el-label v-else>无（现金奖励）</el-label>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" prop="money" header-align="center" align="center" ></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog title="查看" :visible.sync="fhdDialogVisible" custom-class="ViewDialogClass" width="60%" top="3%">
|
||||
<el-collapse v-model="activeName" accordion>
|
||||
<el-collapse-item title="活动详细信息" name="1">
|
||||
<el-card>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6" style="font-size: 18px;">{{viewData.fhdmc}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动类型</td>
|
||||
<td class="tpb">{{viewData.hdlx}}</td>
|
||||
<td class="tpa">活动项目</td>
|
||||
<td class="tpb">{{viewData.hdxm}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动地点</td>
|
||||
<td class="tpb">{{viewData.hddz}}</td>
|
||||
<td class="tpa">活动年份</td>
|
||||
<td class="tpb">{{viewData.hdnf}}</td>
|
||||
<!--<td class="tpa" >活动经费预算</td>
|
||||
<td class="tpb">{{viewData.jfys}}</td>-->
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">主办基层工会</td>
|
||||
<td class="tpb">{{viewData.unionname}}</td>
|
||||
<td class="tpa">人数限制</td>
|
||||
<td class="tpb">{{viewData.hdrs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">报名开始时间</td>
|
||||
<td class="tpb">{{viewData.bmkssj}}</td>
|
||||
<td class="tpa">报名截止时间</td>
|
||||
<td class="tpb">{{viewData.bmjssj}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动开始时间</td>
|
||||
<td class="tpb">{{viewData.hdks}}</td>
|
||||
<td class="tpa">活动结束时间</td>
|
||||
<td class="tpb">{{viewData.hdjs}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">报名办法</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.bmbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">活动内容</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.hdnr"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">奖励办法</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.jlbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">其他注意事项</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.zysx"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="活动报名情况" name="2">
|
||||
<el-card class="box-card bmqk">
|
||||
<el-table :data="bmTableData" size="small" border height="400"
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="序号" type="index" index="1" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="职工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="报名人员" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="所属单位" width="172px" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="基层工会" width="172px" prop="unionname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog title="查看" :visible.sync="sthdDialogVisible" custom-class="ViewDialogClass" width="60%" top="3%">
|
||||
<el-collapse v-model="activeName" accordion>
|
||||
<el-collapse-item title="活动详细信息" name="1">
|
||||
<el-card>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6" style="font-size: 18px;">{{viewData.hdmc}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" >主要负责人</td>
|
||||
<td class="tpb" >{{viewData.username}}</td>
|
||||
<td class="tpa" >联系电话</td>
|
||||
<td class="tpb" >{{viewData.phone}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" >活动类型</td>
|
||||
<td class="tpb" >{{viewData.hdlx}}</td>
|
||||
<td class="tpa" >活动项目</td>
|
||||
<td class="tpb" >{{viewData.hdxm}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" >活动经费</td>
|
||||
<td class="tpb" >{{viewData.jfys}}</td>
|
||||
<td class="tpa" >成员人数</td>
|
||||
<td class="tpb">{{viewData.cyrs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" >报名开始时间</td>
|
||||
<td class="tpb">{{viewData.bmkssj}}</td>
|
||||
<td class="tpa" >报名截止时间</td>
|
||||
<td class="tpb">{{viewData.bmjssj}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" >活动开始时间</td>
|
||||
<td class="tpb">{{viewData.hdks}}</td>
|
||||
<td class="tpa" >活动结束时间</td>
|
||||
<td class="tpb">{{viewData.hdjs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" >活动地址</td>
|
||||
<td class="tpb" colspan="3">{{viewData.hddz}}</td>
|
||||
</tr>
|
||||
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6" >活动主要内容</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6"><div v-html="viewData.hdnr"></div></td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6" >活动宗旨</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6"><div v-html="viewData.hdzz"></div></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
<el-collapse-item title="活动报名情况" name="2">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="bmTableData" height="400" size="small" border :header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="报名人员" prop="username" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column label="所属单位" prop="name" header-align="center" align="center" ></el-table-column>
|
||||
<el-table-column label="基层工会" prop="unionname" header-align="center" align="center" ></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
window.vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
buttonData:{},
|
||||
pageForm:{
|
||||
pageNumber:1,
|
||||
pageSize:10,
|
||||
totalCount:0,
|
||||
val:1,
|
||||
year:moment().format('YYYY')
|
||||
},
|
||||
tabledata:[],
|
||||
xhdDialogVisible:false,
|
||||
viewData:{},
|
||||
bmTableData:[],
|
||||
hjTableData:[],
|
||||
gzryListTableData:[],
|
||||
activeName:['1'],
|
||||
bmfs:"",
|
||||
hdms:"",
|
||||
fhdDialogVisible:false,
|
||||
sthdDialogVisible:false,
|
||||
year:moment().format('YYYY'),
|
||||
isshow:true,
|
||||
xqactive:"1"
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.gethdCount();
|
||||
this.pageData(3);
|
||||
},
|
||||
methods: {
|
||||
yearChange(val){
|
||||
this.gethdCount();
|
||||
this.pageForm.year=val;
|
||||
this.pageForm.val=3;
|
||||
this.pageData(3);
|
||||
},
|
||||
gethdCount(){
|
||||
$.post(base+'/platform/hd/hdcounttj/hdcount',{year:this.year}).then(res=>{
|
||||
this.buttonData=res
|
||||
})
|
||||
},
|
||||
pageData(val){
|
||||
this.pageForm.pageNumber=1;
|
||||
this.pageForm.val=val;
|
||||
$.post(base+'/platform/hd/hdcounttj/pageData',this.pageForm).then(res=>{
|
||||
//if()
|
||||
this.tabledata = res.data.list
|
||||
this.pageForm.totalCount = res.data.totalCount
|
||||
});
|
||||
},
|
||||
handleSizeChange(val){
|
||||
this.pageForm.pageSize=val;
|
||||
this.pageData();
|
||||
},
|
||||
handleCurrentChange(val){
|
||||
this.pageForm.pageNumber=val;
|
||||
this.pageData();
|
||||
},
|
||||
openview(scope){
|
||||
if(scope.row.type=='xhd'){
|
||||
this.bmfs = scope.row.bmfs;
|
||||
this.hdms = scope.row.bjms;
|
||||
$.post(base + "/platform/hd/xhdgl/xhdxxgl/findById", {id:scope.row.id,bmfs:scope.row.bmfs,bjms:scope.row.bjms}).then(res=>{
|
||||
this.viewData = res.data.xhd;
|
||||
this.viewData.type=scope.row.type;
|
||||
this.bmTableData = res.data.cyry;
|
||||
this.hjTableData = res.data.hj;
|
||||
//this.gzryListTableData = res.data.gzry;
|
||||
this.isshow = false;
|
||||
|
||||
})
|
||||
}else if(scope.row.type=='fhd'){
|
||||
$.post(base + "/platform/hd/fhdgl/fhdxxgl/findById", {id: scope.row.id}).then(res=>{
|
||||
this.viewData = res.data.fhd;
|
||||
this.viewData.type=scope.row.type;
|
||||
this.bmTableData = res.data.cyry;
|
||||
//this.fhdDialogVisible = true;
|
||||
this.isshow = false;
|
||||
});
|
||||
}else if(scope.row.type=='sthd'){
|
||||
this.temp=scope.row;
|
||||
$.post(base + "/platform/hd/sthdgl/hdxxgl/findById", {id:scope.row.id}).then(res=>{
|
||||
this.viewData = res.data.sthd;
|
||||
this.viewData.type=scope.row.type;
|
||||
this.bmTableData = res.data.cyry;
|
||||
//this.sthdDialogVisible = true;
|
||||
this.isshow = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,515 @@
|
||||
<!--年度活动统计 djx -->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
background-color: #ebeef5;
|
||||
/*ebb563*/
|
||||
padding: 8px 10px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.el-input--mini .el-input__inner {
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.el-table-containera {
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.picClass .el-dialog {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__headerbtn {
|
||||
font-size: 70px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__headerbtn .el-dialog__close {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.el-pagination-container {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.el-card {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-card class="box-card">
|
||||
<el-row class="header navbar bg-white shadow"
|
||||
style="padding-left: 5px;padding-right: 5px;background-color: #e6f1fe;">
|
||||
|
||||
<div class="btn-group tool-button mt5" style="width: 100%">
|
||||
<el-date-picker style="width: 100%" @change="pageData();container1()"
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<el-row class="el-table-containera">
|
||||
<div style="float: left;width: 100%;">
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>活动类型统计</span>
|
||||
</div>
|
||||
<div class="text item" style="height: 230px;">
|
||||
<div id="container1" style="height:100%;width: 100%"></div>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button @click="loading = true;pageForm.name='';pageData()">查询所有数据</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="tableData" v-loading="loading" element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading" element-loading-background="white" size="small"
|
||||
:header-cell-style="{background:'#F5F5F5',color:'#606266'}">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动名称" prop="xhdmc" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动地点" prop="hddz" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动开始时间" prop="kssj" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动结束时间" prop="jssj" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="参与活动人数" prop="cyrs" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动类型" prop="hdlx" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动项目" prop="hdxm" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column align="center" label="操作" width="80px">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openInfo(scope)" size="mini">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页-->
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[5, 10, 15, 20]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-row>
|
||||
|
||||
<!--查看-->
|
||||
<el-dialog title="查看" class="dia"
|
||||
:visible.sync="infoDialogVisible" custom-class="ViewDialogClass" width="48%" top="3%">
|
||||
|
||||
<el-collapse v-model="activeName" accordion>
|
||||
<el-collapse-item title="活动详细信息" name="1">
|
||||
<el-card>
|
||||
<table style="width: 100%">
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6" style="font-size: 18px;">{{viewData.xhdmc}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动地点</td>
|
||||
<td class="tpb" colspan="2">{{viewData.hddz}}</td>
|
||||
<td class="tpa">主办单位</td>
|
||||
<td class="tpb" colspan="2">{{viewData.unit}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动类型</td>
|
||||
<td class="tpb">{{viewData.hdlx}}</td>
|
||||
<td class="tpa">活动项目</td>
|
||||
<td class="tpb">{{viewData.hdxm}}</td>
|
||||
<td class="tpa">活动经费预算</td>
|
||||
<td class="tpb">{{viewData.jfys}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动年份</td>
|
||||
<td class="tpb">{{viewData.hdnf}}</td>
|
||||
<td class="tpa">活动人数</td>
|
||||
<td class="tpb">{{viewData.hdrs}}</td>
|
||||
<td class="tpa">男队人数</td>
|
||||
<td class="tpb">{{viewData.manrs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">报名开始时间</td>
|
||||
<td class="tpb">{{viewData.bmkssj}}</td>
|
||||
<td class="tpa">报名截止时间</td>
|
||||
<td class="tpb">{{viewData.bmjssj}}</td>
|
||||
<td class="tpa">女队人数</td>
|
||||
<td class="tpb">{{viewData.womenrs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">活动开始时间</td>
|
||||
<td class="tpb">{{viewData.hdks}}</td>
|
||||
<td class="tpa">活动结束时间</td>
|
||||
<td class="tpb">{{viewData.hdjs}}</td>
|
||||
<td class="tpa">组合方式</td>
|
||||
<td class="tpb">{{viewData.zhfs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa">颁奖模式</td>
|
||||
<td class="tpb">{{viewData.bjms}}</td>
|
||||
<td class="tpa">竞赛模式</td>
|
||||
<td class="tpb">{{viewData.jsfs}}</td>
|
||||
<td class="tpa">报名方式</td>
|
||||
<td class="tpb">{{viewData.bmfs}}</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">报名办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.bmbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">竞赛办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.jsbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">奖励办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.jlbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">其他注意事项</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.zysx"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpa" colspan="6">活动通知</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td class="tpc" colspan="6">
|
||||
<div v-html="viewData.hdtz"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="活动工作人员列表" name="2">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="gzryListTableData" size="small" border
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="人员身份" prop="shmc" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="所属单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="基层工会报名情况" name="3">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="bmTableData" size="small" border
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="序号" type="index" index="1" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名'" label="报名单位" width="220" prop="unionname"
|
||||
header-align="center" align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名'" label="报名人员" prop="cyry" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="职工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="性别" prop="sex" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" width="240px" label="单位" prop="name"
|
||||
header-align="center" align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
|
||||
<el-collapse-item title="活动获奖情况" name="4">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="hjTableData" size="small" border
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column v-if="hdms == '团体'" label="获奖单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="获奖信息" prop="mc" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="奖品名称" prop="jpmc" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-label v-if="scope.row.jpmc!='' && scope.row.jpmc!=null">{{scope.row.jpmc}}
|
||||
</el-label>
|
||||
<el-label v-else>无（现金奖励）</el-label>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" prop="money" header-align="center" align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
||||
new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
pageForm: {//分页
|
||||
pageNumber: 1,
|
||||
pageSize: 5,
|
||||
totalCount: 0,
|
||||
searchKeyword: "",
|
||||
name: "",
|
||||
year: new Date().getFullYear() + ''
|
||||
},
|
||||
tableData: [],//表格
|
||||
total: "",
|
||||
loading: true,
|
||||
|
||||
/*查看*/
|
||||
infoDialogVisible: false,
|
||||
activeName: '1',
|
||||
viewData: [],
|
||||
bmTableData: [],
|
||||
bmfs: "",
|
||||
hdms: "",
|
||||
hjTableData: [],
|
||||
gzryListTableData: [],
|
||||
|
||||
hdxm: [],
|
||||
hdxmTj: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData: function () {//表格展示数据
|
||||
var self = this;
|
||||
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/hd/hdcxtj/hdlxtj/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.data.list;
|
||||
self.pageForm.totalCount = data.data.data.totalCount;
|
||||
setTimeout(function () {
|
||||
self.loading = false;
|
||||
}, 200);
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
/*分页*/
|
||||
pageSizeChange: function (val) {
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
|
||||
/*查看*/
|
||||
openInfo: function (scope) {
|
||||
|
||||
var self = this;
|
||||
self.bmfs = scope.row.bmfs;
|
||||
self.hdms = scope.row.bjms;
|
||||
$.post(base + "/platform/hd/xhdgl/xhdxxgl/findById", {
|
||||
id: scope.row.id,
|
||||
bmfs: scope.row.bmfs,
|
||||
bjms: scope.row.bjms
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.viewData = data.data.xhd;
|
||||
self.bmTableData = data.data.cyry;
|
||||
self.hjTableData = data.data.hj;
|
||||
self.gzryListTableData = data.data.gzry;
|
||||
self.infoDialogVisible = true;
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
container1: function () {
|
||||
var self = this;
|
||||
var dom = document.getElementById("container1");
|
||||
var myChart = echarts.init(dom);
|
||||
option = null;
|
||||
$.post(base + "/platform/hd/hdcxtj/hdlxtj/lxTj", {year: self.pageForm.year}, function (data) {
|
||||
|
||||
if (data.code == 0) {
|
||||
self.hdxm = data.data.hdxm;
|
||||
self.hdxmTj = data.data.hdxmTj;
|
||||
//加载柱状图
|
||||
option = {
|
||||
title: {
|
||||
// text: '根据活动分类进行统计',
|
||||
/*subtext: '人数'*/
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: { // 坐标轴指示器，坐标轴触发有效
|
||||
type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
data: ["活动数量"],
|
||||
},
|
||||
toolbox: {
|
||||
show: true,
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
},
|
||||
right: 16,
|
||||
},
|
||||
height: 170,
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
triggerEvent: true,
|
||||
},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: self.hdxm,
|
||||
triggerEvent: true,
|
||||
},
|
||||
color: [
|
||||
"#46A3FF",
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: "活动数量",
|
||||
data: self.hdxmTj,
|
||||
type: 'bar',
|
||||
markPoint: {
|
||||
data: [
|
||||
{type: 'max', name: '最大值', symbolSize: [40, 40]},
|
||||
{type: 'min', name: '最小值', symbolSize: [40, 40]}
|
||||
]
|
||||
},
|
||||
markLine: {
|
||||
data: [
|
||||
{type: 'average', name: '平均值'}
|
||||
]
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: '#60C0DD', //圈圈的颜色
|
||||
lineStyle: {
|
||||
color: '#FE8463' //线的颜色
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
]
|
||||
};
|
||||
myChart.on("click", function (obj) {
|
||||
self.pageForm.name = obj.name;
|
||||
self.loading = true;
|
||||
$.post(base + "/platform/hd/hdcxtj/hdlxtj/data", self.pageForm, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.data.list;
|
||||
self.pageForm.totalCount = data.data.data.totalCount;
|
||||
setTimeout(function () {
|
||||
self.loading = false;
|
||||
}, 200);
|
||||
}
|
||||
}, "json");
|
||||
});
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
//完毕-------------------
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
|
||||
},
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
},
|
||||
mounted: function () {
|
||||
this.container1();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,266 @@
|
||||
<!--年度活动统计 djx -->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
.el-divider--horizontal {
|
||||
margin: 46px 0px;
|
||||
}
|
||||
|
||||
.layout .header {
|
||||
background-color: #e6a23c;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
background-color: #ebeef5;
|
||||
/*ebb563*/
|
||||
padding: 8px 10px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.el-input--mini .el-input__inner {
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.el-table-containera {
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
background-color: #ebeef5;
|
||||
/*ebb563*/
|
||||
padding: 8px 10px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-card class="box-card">
|
||||
<div slot="header" class="clearfix">
|
||||
<div style="text-align: center;font-size: 16px;">文体活动一览表</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card class="box-card">
|
||||
<el-row class="header bg-white shadow"
|
||||
style="padding-left: 5px;padding-right: 5px;background-color: #e6f1fe;">
|
||||
<el-row gutter="5">
|
||||
<el-col :span="20">
|
||||
<div class="btn-group tool-button mt5" style="width: 100%">
|
||||
<el-select v-model="value" @change="selVal" placeholder="请选择" style="width: 100%">
|
||||
<el-option label="校工会活动" value="1"></el-option>
|
||||
<el-option label="院级工会活动" value="2"></el-option>
|
||||
<el-option label="协会活动" value="3"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<div class="btn-group tool-button mt5" style="width: 100%">
|
||||
<el-date-picker style="width: 100%" @change="selVal(value)"
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container" v-show="xhdShow">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="tableData" v-loading="loading" element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading" element-loading-background="white" size="medium"
|
||||
:header-cell-style="{background:'#F5F5F5',color:'#606266'}">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+1}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动名称" prop="xhdmc" header-align="center" align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="时间" prop="name" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动情况" prop="name" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.row.cjdw}}个分会参加活动，参与活动人数共计：{{scope.row.ybmnumber}}人，工作人员数共计：{{scope.row.gznumber}}人</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template scope="scope">
|
||||
<el-button @click="exportFFmd(scope.row.id)">
|
||||
导出名单
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container" v-show="fhdShow">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="fhData" v-loading="loading" element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading" element-loading-background="white" size="medium"
|
||||
:header-cell-style="{background:'#F5F5F5',color:'#606266'}">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+1}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动名称" prop="fhdmc" header-align="center" align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="时间" prop="name" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="基层工会" prop="unionname" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动情况" prop="name" header-align="center" align="center">
|
||||
<template scope="scope"><span>参与活动人数共计：{{scope.row.rs}}人，取消报名共计：{{scope.row.qxrs}}人</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-table-container" v-show="stShow">
|
||||
<el-card class="box-card">
|
||||
<el-table :data="stData" v-loading="loading" element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading" element-loading-background="white" size="medium"
|
||||
:header-cell-style="{background:'#F5F5F5',color:'#606266'}">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+1}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动名称" prop="hdmc" header-align="center" align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="时间" prop="name" header-align="center" align="center">
|
||||
<template scope="scope"><span>{{scope.row.hdkssj}} 至 {{scope.row.hdjssj}}</span></template>
|
||||
</el-table-column>
|
||||
<el-table-column label="所属协会" prop="stmc" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动情况" prop="name" header-align="center" align="center">
|
||||
<template scope="scope"><span>参与活动人数共计：{{scope.row.rs}}人，取消报名共计：{{scope.row.qxrs}}人</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</el-row>
|
||||
|
||||
<el-divider content-position="left"><span style="font-size: 16px;color: #409eff">参与活动总人次：{{total.count}} 人次;</span>
|
||||
</el-divider>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
pageForm: {//分页
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchKeyword: "",
|
||||
year: new Date().getFullYear() + '',
|
||||
},
|
||||
tableData: [],//表格
|
||||
total: "",
|
||||
value: "",
|
||||
xhdShow: true,
|
||||
fhdShow: false,
|
||||
stShow: false,
|
||||
loading: true,
|
||||
|
||||
fhData: [],
|
||||
stData: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
exportFFmd(id) {
|
||||
window.location.href = '/platform/hd/hdcxtj/ndhdtj/exportFFmd?id=' + id
|
||||
},
|
||||
pageData: function () {//表格展示数据
|
||||
var self = this;
|
||||
|
||||
$.post(base + "/platform/hd/hdcxtj/ndhdtj/data", {year: self.pageForm.year}, function (data) {
|
||||
|
||||
if (data.code == 0) {
|
||||
self.value = '1';
|
||||
self.tableData = data.data.data;
|
||||
console.log(data.data.data)
|
||||
self.total = data.data.total;
|
||||
setTimeout(function () {
|
||||
self.loading = false;
|
||||
}, 200);
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
selVal: function (obj) {
|
||||
var self = this;
|
||||
self.loading = true;
|
||||
if (obj == "2") {
|
||||
self.xhdShow = false;
|
||||
self.fhdShow = true;
|
||||
self.stShow = false;
|
||||
$.post(base + "/platform/hd/hdcxtj/ndhdtj/fhData", {year: self.pageForm.year}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.fhData = data.data.data;
|
||||
self.total = data.data.total;
|
||||
}
|
||||
}, "json");
|
||||
} else if (obj == "3") {
|
||||
self.xhdShow = false;
|
||||
self.fhdShow = false;
|
||||
self.stShow = true;
|
||||
$.post(base + "/platform/hd/hdcxtj/ndhdtj/stData", {year: self.pageForm.year}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.stData = data.data.data;
|
||||
self.total = data.data.total;
|
||||
}
|
||||
}, "json");
|
||||
} else if (obj == "1") {
|
||||
self.xhdShow = true;
|
||||
self.fhdShow = false;
|
||||
self.stShow = false;
|
||||
self.pageData();
|
||||
}
|
||||
setTimeout(function () {
|
||||
self.loading = false;
|
||||
}, 200);
|
||||
}
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,485 @@
|
||||
<!--综合统计 djx -->
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.el-card__header {
|
||||
background-color: #ebeef5;
|
||||
/*ebb563*/
|
||||
padding: 8px 10px;
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.el-input--mini .el-input__inner {
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.el-table-containera {
|
||||
padding-top: 5px;
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.picClass .el-dialog {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__headerbtn {
|
||||
font-size: 70px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.picClass .el-dialog__headerbtn .el-dialog__close {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.el-pagination-container {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.el-card {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.el-divider--vertical {
|
||||
height: 2em;
|
||||
margin: 0px 28px;
|
||||
}
|
||||
|
||||
#first .el-card__body {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
.but {
|
||||
padding: 12px 8px;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<transition name="el-zoom-in-center">
|
||||
<div style="padding: 10px" v-show="isshow">
|
||||
<el-card class="box-card">
|
||||
<el-row class="header bg-white shadow"
|
||||
style="padding-left: 5px;padding-right: 5px;background-color: #e6f1fe;">
|
||||
|
||||
<div class="btn-group tool-button mt5" style="width: 100%">
|
||||
<el-date-picker style="width: 100%" @change="pageData"
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</el-row>
|
||||
</el-card>
|
||||
<!--表格-->
|
||||
<el-row class="el-table-container">
|
||||
<!--<el-card class="box-card">
|
||||
<div slot="header" class="clearfix" >
|
||||
<span>活动获奖情况：</span>
|
||||
</div>
|
||||
|
||||
</el-card>-->
|
||||
<el-table :data="tableData" v-loading="loading" element-loading-text="拼命加载中"
|
||||
element-loading-spinner="el-icon-loading" element-loading-background="white" size="small">
|
||||
<el-table-column label="序号" header-align="center" align="center" type="index">
|
||||
<template scope="scope"><span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动名称" prop="xhdmc" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动地点" prop="hddz" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动开始时间" prop="kssj" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动结束时间" prop="jssj" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="活动状态" prop="zt" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="参与活动人数" prop="ybmnumber" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span class="label label-sm label-success"
|
||||
style="padding: .2em .6em .2em;">{{scope.row.ybmnumber}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="活动获奖人数" prop="hjcount" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span class="label label-sm label-danger"
|
||||
style="padding: .2em .6em .2em;">{{scope.row.hjcount}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" label="操作" width="80px">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="openInfo(scope)" size="mini">查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--分页-->
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[5, 10, 15, 20]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-row>
|
||||
</div>
|
||||
</transition>
|
||||
<transition name="el-zoom-in-center">
|
||||
<div style="padding: 10px" v-show="!isshow">
|
||||
<!--查看-->
|
||||
|
||||
|
||||
<div class="text-primary pointer" style="font-size: 20px" @click="isshow=true">
|
||||
<i class="el-icon-arrow-left"></i>
|
||||
返回
|
||||
</div>
|
||||
<el-tabs v-model="xqactive">
|
||||
<el-tab-pane label="活动详细信息" name="1">
|
||||
<table class="table table-bordered">
|
||||
<tr>
|
||||
<td colspan="6" class="text-center" style="font-size: 20px;background-color: #f5f5f5">
|
||||
{{viewData.xhdmc}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >活动地点</td>
|
||||
<td colspan="2">{{viewData.hddz}}</td>
|
||||
<td>主办单位</td>
|
||||
<td colspan="2">{{viewData.unit}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>活动类型</td>
|
||||
<td>{{viewData.hdlx}}</td>
|
||||
<td>活动项目</td>
|
||||
<td>{{viewData.hdxm}}</td>
|
||||
<td>活动经费预算</td>
|
||||
<td>{{viewData.jfys}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>报名开始时间</td>
|
||||
<td>{{viewData.bmkssj}}</td>
|
||||
<td>报名截止时间</td>
|
||||
<td>{{viewData.bmjssj}}</td>
|
||||
<td>活动年份</td>
|
||||
<td>{{viewData.hdnf}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>活动开始时间</td>
|
||||
<td>{{viewData.hdks}}</td>
|
||||
<td>活动结束时间</td>
|
||||
<td>{{viewData.hdjs}}</td>
|
||||
<td>组合方式</td>
|
||||
<td>{{viewData.zhfs}}</td>
|
||||
</tr>
|
||||
<tr style="border: 1px solid rgb(220,220,220);">
|
||||
<td>颁奖模式</td>
|
||||
<td>{{viewData.bjms}}</td>
|
||||
<td>竞赛模式</td>
|
||||
<td>{{viewData.jsfs}}</td>
|
||||
<td>报名方式</td>
|
||||
<td v-if="viewData.bmfs!='名额分配'">{{viewData.bmfs}}</td>
|
||||
<td v-else>基层工会报名</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">报名办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.bmbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">竞赛办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.jsbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">奖励办法</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.jlbf"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">其他注意事项</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.zysx"></div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6" class="text-center"
|
||||
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">活动通知</td>
|
||||
</tr>
|
||||
<tr v-show="viewData.jsfs=='非竞赛类'" style="border: 1px solid rgb(220,220,220);">
|
||||
<td colspan="6">
|
||||
<div v-html="viewData.hdtz"></div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动工作人员列表" name="2">
|
||||
<el-table :data="gzryListTableData" size="small" border
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="人员身份" prop="shmc" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="所属单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动报名情况" name="3">
|
||||
<el-table :data="bmTableData" size="small" border
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column label="序号" type="index" index="1" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名'" label="报名单位" width="220" prop="unionname"
|
||||
header-align="center" align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '基层工会报名'" label="报名人员" prop="cyry" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="职工号" prop="loginname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="姓名" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="性别" prop="sex" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" width="240px" label="单位" prop="name"
|
||||
header-align="center" align="center"></el-table-column>
|
||||
<el-table-column v-if="bmfs == '个人报名'" label="联系电话" prop="mobile" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="活动获奖情况" name="4">
|
||||
<el-table :data="hjTableData" size="small" border
|
||||
:header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
||||
<el-table-column v-if="hdms == '团体'" label="获奖单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人" prop="username" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column v-if="hdms == '个人'" label="获奖人单位" prop="name" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
<el-table-column label="获奖信息" prop="mc" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column label="奖品名称" prop="jpmc" header-align="center" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-label v-if="scope.row.jpmc!='' && scope.row.jpmc!=null">{{scope.row.jpmc}}
|
||||
</el-label>
|
||||
<el-label v-else>无（现金奖励）</el-label>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="金额" prop="money" header-align="center" align="center"></el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
pageForm: {//分页
|
||||
pageNumber: 1,
|
||||
pageSize: 5,
|
||||
totalCount: 0,
|
||||
name: "",
|
||||
year: new Date().getFullYear() + ''
|
||||
},
|
||||
tableData: [],//表格
|
||||
total: "",
|
||||
loading: true,
|
||||
|
||||
/*查看*/
|
||||
infoDialogVisible: false,
|
||||
activeName: '1',
|
||||
viewData: [],
|
||||
bmTableData: [],
|
||||
bmfs: "",
|
||||
hdms: "",
|
||||
hjTableData: [],
|
||||
gzryListTableData: [],
|
||||
|
||||
hdxm: [],
|
||||
hdxmTj: [],
|
||||
|
||||
buttonData: [],
|
||||
|
||||
/*场地*/
|
||||
cc: [],
|
||||
count: [],
|
||||
isshow:true,
|
||||
xqactive:"1"
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
pageData: function () {//表格展示数据
|
||||
var self = this;
|
||||
|
||||
sublime.showLoadingbar();//显示loading
|
||||
$.post(base + "/platform/hd/hdcxtj/zhtj/data", self.pageForm, function (data) {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
if (data.code == 0) {
|
||||
self.tableData = data.data.second.list;
|
||||
self.buttonData = data.data.first;
|
||||
self.pageForm.totalCount = data.data.second.totalCount;
|
||||
setTimeout(function () {
|
||||
self.loading = false;
|
||||
}, 200);
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
/*分页*/
|
||||
pageSizeChange: function (val) {
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange: function (val) {
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
|
||||
/*查看*/
|
||||
openInfo: function (scope) {
|
||||
|
||||
var self = this;
|
||||
self.bmfs = scope.row.bmfs;
|
||||
self.hdms = scope.row.bjms;
|
||||
$.post(base + "/platform/hd/xhdgl/xhdxxgl/findById", {
|
||||
id: scope.row.id,
|
||||
bmfs: scope.row.bmfs,
|
||||
bjms: scope.row.bjms
|
||||
}, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.viewData = data.data.xhd;
|
||||
self.bmTableData = data.data.cyry;
|
||||
self.hjTableData = data.data.hj;
|
||||
self.gzryListTableData = data.data.gzry;
|
||||
self.isshow = false;
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
container1: function () {
|
||||
var self = this;
|
||||
var dom = document.getElementById("container1");
|
||||
var myChart = echarts.init(dom, 'westeros');
|
||||
option = null;
|
||||
$.post(base + "/platform/hd/hdcxtj/zhtj/cdTj", null, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.cd = data.data.cd;
|
||||
self.count = data.data.count;
|
||||
option = {
|
||||
title: {
|
||||
text: '场地使用情况统计',
|
||||
x: 'left'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
formatter: "使用率： <br/>{b} : {c} ({d}%)"
|
||||
},
|
||||
toolbox: {
|
||||
show: true,
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
},
|
||||
right: 16,
|
||||
},
|
||||
legend: {
|
||||
right: 'center',
|
||||
data: self.cd,
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '数据',
|
||||
type: 'pie',
|
||||
radius: '55%',
|
||||
center: ['45%', '50%'],
|
||||
data: self.count,
|
||||
itemStyle: {
|
||||
emphasis: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
if (option && typeof option === "object") {
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
//完毕-----
|
||||
|
||||
} else {
|
||||
self.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
|
||||
},
|
||||
},
|
||||
created: function () {
|
||||
this.pageData();
|
||||
},
|
||||
mounted: function () {
|
||||
this.container1();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user