first commit
This commit is contained in:
@@ -0,0 +1,143 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-table__footer-wrapper td{
|
||||
color: orangered!important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="tool-button mt5">
|
||||
<el-select v-model="pageForm.hdid" @change="hdChange" style="width: 100%">
|
||||
<el-option v-for="i in hdOptions" :label="i.name" :value="i._id" :key="i._id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</el-row>
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" show-summary>
|
||||
<el-table-column type="index" label="序号"></el-table-column>
|
||||
<el-table-column prop="unionname" label="院级工会"></el-table-column>
|
||||
<el-table-column prop="ybmnum" label="报名人数" sortable>
|
||||
<template slot-scope="{row}">
|
||||
<span class="text-primary pointer" @click="bmNumClick(row.ybm)">
|
||||
{{row.ybmnum}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="signnum" label="参加人数" sortable>
|
||||
<template slot-scope="{row}">
|
||||
<span class="text-primary pointer" @click="signNumClick(row.sign)">
|
||||
{{row.signnum}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
<el-dialog title="详情" :visible.sync="detailVisible">
|
||||
<el-table :data="bmTableData.length===0?signTableData:bmTableData" height="450px">
|
||||
<el-table-column type="index" label="序号"></el-table-column>
|
||||
<el-table-column prop="loginname" label="工号"></el-table-column>
|
||||
<el-table-column prop="username" label="姓名"></el-table-column>
|
||||
<el-table-column prop="sex" label="性别"></el-table-column>
|
||||
<el-table-column prop="birthday" label="生日"></el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
|
||||
let vue = new Vue({
|
||||
el:'#app',
|
||||
data(){
|
||||
return{
|
||||
tableData:[],
|
||||
bmTableData:[],
|
||||
signTableData:[],
|
||||
unionOptions:[],
|
||||
hdOptions:[],
|
||||
pageForm:{
|
||||
hdid:'',
|
||||
pageNumber:1,
|
||||
pageSize:10,
|
||||
totalCount:0
|
||||
},
|
||||
detailVisible:false
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
async getAllUnion(){
|
||||
const {data} = await GET('/platform/jsz/cxtj/union/getAllUnion',{})
|
||||
this.unionOptions = data
|
||||
this.pageForm.totalCount = this.unionOptions.length
|
||||
},
|
||||
async getUnionNumData(){
|
||||
if(this.hdOptions.length>0){
|
||||
const {data:{ybmlist,signlist}} = await POST('/platform/jsz/cxtj/union/pageData',this.pageForm,true)
|
||||
let signlist2 = QC(signlist,[],'loginname')
|
||||
this.compileData(ybmlist,signlist2)
|
||||
}
|
||||
},
|
||||
async getAllHd(){
|
||||
const {data} = await GET('/jsz/common/getAllHd',{})
|
||||
this.hdOptions = data
|
||||
if(this.hdOptions.length>0){
|
||||
this.pageForm.hdid = this.hdOptions[0]._id
|
||||
}
|
||||
},
|
||||
compileData(ybmlist,signlist){
|
||||
console.log(ybmlist)
|
||||
console.log(signlist)
|
||||
this.tableData= []
|
||||
for(let gh of this.unionOptions){
|
||||
let o = {}
|
||||
o.unionname = gh.unionname
|
||||
const s = ybmlist.filter(o=>{return o.unionid === gh.id})
|
||||
o.ybmnum = s.length
|
||||
o.ybm = s
|
||||
const b = signlist.filter(o=>{return o.unionid === gh.id})
|
||||
o.sign = b
|
||||
o.signnum = b.length
|
||||
this.tableData.push(o)
|
||||
}
|
||||
},
|
||||
hdChange(hdid){
|
||||
this.pageForm.hdid = hdid
|
||||
this.getUnionNumData()
|
||||
},
|
||||
bmNumClick(data){
|
||||
this.signTableData = []
|
||||
this.bmTableData = data
|
||||
this.detailVisible = true
|
||||
},
|
||||
signNumClick(data){
|
||||
console.log(data)
|
||||
this.bmTableData = []
|
||||
this.signTableData = data
|
||||
this.detailVisible = true
|
||||
},
|
||||
groupBy (array, name) {
|
||||
const groups = {}
|
||||
array.forEach(function (o) {
|
||||
const group = JSON.stringify(o[name])
|
||||
groups[group] = groups[group] || []
|
||||
groups[group].push(o)
|
||||
})
|
||||
return Object.keys(groups).map(function (group) {
|
||||
return groups[group]
|
||||
})
|
||||
}
|
||||
},
|
||||
async created(){
|
||||
this.getAllUnion()
|
||||
await this.getAllHd()
|
||||
await this.getUnionNumData()
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,285 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<script src="http://at.alicdn.com/t/font_2063971_cqi5zxu5jgs.js"></script>
|
||||
<script src="http://at.alicdn.com/t/font_2064092_sfw4i61tj5s.js"></script>
|
||||
<style>
|
||||
.icon {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.icon2 {
|
||||
width: 50px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
display: flex;
|
||||
height: calc(100% - 110px);
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.card-container > .el-card {
|
||||
width: 25%;
|
||||
margin: 10px 50px;
|
||||
}
|
||||
|
||||
.list-block {
|
||||
/*display: inline-flex;*/
|
||||
border-bottom: 1px dashed #EBEEF5;
|
||||
}
|
||||
|
||||
.list-item {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0 20px;
|
||||
/*height: 50px;*/
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.list-item > div {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.item-right {
|
||||
height: 50px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.card-container .el-card__body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.circle4 {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
margin: 0 auto;
|
||||
/*margin-top: 120px;*/
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
.element6 {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #1296db;
|
||||
background: -webkit-radial-gradient(circle closest-side, #1296db 76%, #fff 50%);
|
||||
text-align: center;
|
||||
line-height: 28px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.header_card {
|
||||
padding: 0 20px;
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<el-card shadow="never" class="header_card">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker style="width: 100%"
|
||||
class="mr5"
|
||||
:picker-options="pickerOptions"
|
||||
v-model="pageForm.year" :clearable="false"
|
||||
type="year"
|
||||
value-format="yyyy" @change="getAllHd"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.hdid" placeholder="请选择活动" @change="hdChange"
|
||||
filterable style="width: 100%">
|
||||
<el-option v-for="o in hdOptions" :label="o.name" :value="o._id"
|
||||
:key="o._id"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
||||
style="width: 100%" @keyup.enter.native="doSearch">
|
||||
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
||||
style="width: 110px;">
|
||||
<el-option label="姓名" value="username"></el-option>
|
||||
<el-option label="工号" value="loginname"></el-option>
|
||||
</el-select>
|
||||
</el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.unionId" placeholder="请选择所属工会" @change="unionChange"
|
||||
filterable clearable style="width: 350px">
|
||||
<el-option
|
||||
v-for="item in unionOptions"
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select v-model="pageForm.unitId" placeholder="请选择所属单位会" @change="doSearch"
|
||||
filterable clearable style="width: 350px">
|
||||
<el-option
|
||||
v-for="item in unitOptions"
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<div class="card-container">
|
||||
<el-card shadow="hover" v-for="(e,key) in eqe">
|
||||
<div slot="header">
|
||||
{{lj[key]}}
|
||||
</div>
|
||||
<div class="list-block" v-if="e.list.length>0">
|
||||
<div v-for="(o,i) in e.list" class="list-item">
|
||||
<div v-if="['today','summary'].includes(key) && i > 0"
|
||||
style="display: inline-flex;align-items: center;justify-content: center;width: 50px">
|
||||
<svg v-if="i===1" class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-gold"></use>
|
||||
</svg>
|
||||
<svg v-else-if="i===2" class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-silver"></use>
|
||||
</svg>
|
||||
<svg v-else-if="i===3" class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-tongpai"></use>
|
||||
</svg>
|
||||
<div class="element6" v-else>
|
||||
{{i}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item-right">
|
||||
<div>
|
||||
<span v-if="o.loginname">
|
||||
{{o.username}}
|
||||
</span>
|
||||
<span>
|
||||
（{{o.loginname}}）
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>
|
||||
{{['today','summary'].includes(key) ? o.step : o.unitname}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center" v-else>
|
||||
暂无数据
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return (
|
||||
time.getFullYear() > new Date().getFullYear()
|
||||
);
|
||||
}
|
||||
},
|
||||
eqe: {
|
||||
today: {list: []},
|
||||
summary: {list: []},
|
||||
yesterday: {list: []},
|
||||
},
|
||||
data: {
|
||||
todaylist: [],
|
||||
summarylist: [],
|
||||
yesterdaylist: [],
|
||||
},
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + '',
|
||||
},
|
||||
unionOptions: [],
|
||||
unitOptions: [],
|
||||
hdOptions: [],
|
||||
lj: {today: '当日榜', summary: '累计排行榜', yesterday: '昨日中奖榜'}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
hdChange() {
|
||||
|
||||
},
|
||||
async getAllHd() {
|
||||
this.pageForm.hdid = ''
|
||||
this.activityOptions = []
|
||||
const {year} = this.pageForm
|
||||
if (year) {
|
||||
const beforeTime = moment().year(year).startOf('year').valueOf();
|
||||
const endTime = moment().year(year).endOf('year').valueOf();
|
||||
this.pageForm = {...this.pageForm, beforeTime, endTime}
|
||||
}
|
||||
|
||||
const {data} = await $.get('/jsz/common/getAllHd', this.pageForm)
|
||||
if (data == null || data.length === 0) {
|
||||
this.tableData = []
|
||||
return
|
||||
}
|
||||
|
||||
this.hdOptions = data
|
||||
if (this.hdOptions) {
|
||||
this.pageForm.hdid = this.hdOptions[0]._id
|
||||
}
|
||||
},
|
||||
async unionChange(val) {
|
||||
this.pageForm.unitId = null
|
||||
this.unitOptions = await getUnits(val)
|
||||
this.doSearch()
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
async pageData() {
|
||||
const resp = await $.post("/jsz/leaderboard/pageData", this.pageForm)
|
||||
if (resp.code === 0) {
|
||||
const {data} = resp
|
||||
this.eqe = data
|
||||
console.log(this.eqe)
|
||||
} else {
|
||||
this.$message.error(resp_data.msg)
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.unionOptions = await getUnions(null)
|
||||
this.unitOptions = await getUnits(null)
|
||||
await this.getAllHd()
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,159 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<script src="http://at.alicdn.com/t/font_2063971_cqi5zxu5jgs.js"></script>
|
||||
<script src="http://at.alicdn.com/t/font_2064092_sfw4i61tj5s.js"></script>
|
||||
<style>
|
||||
.icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
.icon2{
|
||||
width: 50px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.card-container {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
}
|
||||
.el-card__body{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.card-container > .el-card {
|
||||
width: 25%;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.list-block{
|
||||
/*display: inline-flex;*/
|
||||
border-bottom: 1px dashed #EBEEF5;
|
||||
}
|
||||
|
||||
.list-item {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0 20px;
|
||||
/*height: 50px;*/
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.list-item>div{
|
||||
height: 50px;
|
||||
}
|
||||
.item-right{
|
||||
height: 50px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
.el-card__body{
|
||||
padding: 20px 0;
|
||||
}
|
||||
.circle4 {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
margin: 0 auto;
|
||||
/*margin-top: 120px;*/
|
||||
background-color:#fff;
|
||||
border-radius: 50%;
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
.element6{
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #1296db;
|
||||
background: -webkit-radial-gradient( circle closest-side,#1296db 80%,#fff 50%);
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<div class="card-container">
|
||||
<el-card shadow="hover" v-for="(e,key) in eqe">
|
||||
<div slot="header">
|
||||
{{lj[key]}}
|
||||
</div>
|
||||
<div class="list-block" v-if="e.list.length>0">
|
||||
<div v-for="(o,i) in e.list" class="list-item">
|
||||
<div style="display: inline-flex;align-items: center;justify-content: center;width: 50px">
|
||||
<svg v-if="(i+1)===1" class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-gold"></use>
|
||||
</svg>
|
||||
<svg v-else-if="(i+1)===2" class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-silver"></use>
|
||||
</svg>
|
||||
<svg v-else-if="(i+1)===3" class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-tongpai"></use>
|
||||
</svg>
|
||||
<!-- <svg v-else class="icon2" aria-hidden="true">-->
|
||||
<!-- <use xlink:href="#icon-icon-test1"></use>-->
|
||||
<!-- </svg>-->
|
||||
<div class="element6" v-else>
|
||||
{{i+1}}
|
||||
</div>
|
||||
<!-- <span v-else class="icon" style="display: inline-flex;align-items: center">-->
|
||||
<!-- <div class="circle4">-->
|
||||
<!-- {{i+1}}-->
|
||||
<!-- </div>-->
|
||||
<!-- -->
|
||||
<!-- </span>-->
|
||||
</div>
|
||||
<div class="item-right">
|
||||
<span v-if="o._id">
|
||||
{{o._id.username}}
|
||||
</span>
|
||||
<span>
|
||||
<svg t="1599980226232" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1730" width="25" height="25"><path d="M803.84 506.88c5.12 20.48 0 35.84-5.12 56.32-10.24 20.48-20.48 30.72-35.84 40.96-15.36 10.24-30.72 15.36-51.2 15.36h-10.24c10.24 20.48 20.48 40.96 25.6 66.56l30.72 133.12c5.12 25.6 0 46.08-10.24 71.68-15.36 20.48-30.72 35.84-56.32 40.96-5.12 0-15.36 5.12-20.48 5.12-20.48 0-40.96-5.12-56.32-20.48-15.36-15.36-25.6-30.72-30.72-56.32l-30.72-133.12v-5.12l-20.48-20.48-15.36 40.96c-10.24 25.6-20.48 46.08-40.96 66.56l-87.04 92.16c-20.48 20.48-40.96 30.72-66.56 30.72s-46.08-10.24-66.56-30.72c-15.36-15.36-25.6-35.84-25.6-61.44s10.24-46.08 25.6-66.56l87.04-92.16 56.32-153.6v-5.12c-15.36 15.36-35.84 25.6-61.44 25.6-15.36 0-30.72-5.12-46.08-10.24l-35.84-35.84c-10.24-15.36-15.36-30.72-15.36-46.08 0-15.36 0-30.72 10.24-46.08l20.48-51.2c20.48-46.08 51.2-81.92 97.28-102.4H384c35.84-15.36 61.44-25.6 81.92-30.72-15.36-25.6-25.6-51.2-25.6-76.8 0-35.84 15.36-66.56 40.96-92.16C506.88 25.6 537.6 10.24 578.56 10.24c35.84 0 66.56 15.36 92.16 40.96s40.96 56.32 40.96 92.16c0 20.48-5.12 46.08-15.36 61.44-10.24 25.6-25.6 40.96-46.08 51.2 35.84 30.72 61.44 66.56 76.8 112.64l15.36 51.2 35.84 35.84c15.36 15.36 25.6 30.72 25.6 51.2z m-322.56 168.96l-56.32-56.32-30.72 81.92c0 5.12-5.12 15.36-10.24 20.48l-81.92 92.16c-5.12 5.12-10.24 15.36-10.24 25.6s5.12 20.48 10.24 25.6c5.12 10.24 15.36 10.24 25.6 10.24s20.48-5.12 25.6-10.24L435.2 773.12c15.36-15.36 20.48-30.72 30.72-46.08l15.36-51.2z m256-122.88c5.12-5.12 10.24-15.36 10.24-25.6s0-20.48-10.24-25.6l-40.96-46.08s0-5.12-5.12-5.12l-15.36-66.56c-10.24-30.72-30.72-61.44-56.32-81.92-25.6-20.48-56.32-30.72-87.04-30.72-20.48 0-40.96 5.12-61.44 10.24-10.24 5.12-30.72 10.24-61.44 25.6l-15.36 5.12c-30.72 15.36-56.32 35.84-71.68 71.68l-20.48 46.08c-5.12 15.36-5.12 30.72 5.12 40.96 10.24 10.24 20.48 15.36 30.72 15.36 15.36 0 20.48-5.12 30.72-20.48l15.36-51.2c5.12-15.36 20.48-25.6 30.72-30.72h5.12c30.72-15.36 51.2-25.6 61.44-25.6l-25.6 122.88c-5.12 30.72 0 61.44 20.48 87.04L588.8 680.96c10.24 10.24 15.36 20.48 20.48 30.72l25.6 133.12c0 5.12 5.12 15.36 10.24 20.48 5.12 5.12 15.36 10.24 20.48 10.24h5.12c10.24 0 15.36-10.24 20.48-15.36 5.12-10.24 5.12-20.48 5.12-30.72l-30.72-133.12c-5.12-25.6-20.48-51.2-35.84-71.68l-76.8-76.8 35.84-163.84c5.12 5.12 10.24 10.24 10.24 20.48l20.48 66.56c10.24 10.24 20.48 25.6 30.72 35.84l40.96 46.08c5.12 5.12 15.36 10.24 25.6 10.24 5.12 0 10.24-5.12 20.48-10.24z m-215.04-460.8c-15.36 15.36-20.48 30.72-20.48 51.2s5.12 35.84 20.48 51.2c15.36 15.36 30.72 20.48 51.2 20.48s35.84-5.12 51.2-20.48c15.36-15.36 20.48-30.72 20.48-51.2s-5.12-35.84-20.48-51.2c-15.36-15.36-30.72-20.48-51.2-20.48-15.36 0-35.84 5.12-51.2 20.48z" fill="#7dc5eb" p-id="1731"></path></svg>
|
||||
</span>
|
||||
<span>
|
||||
{{o.distanceSum.toFixed(2)}}km
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center" v-else>
|
||||
暂无数据
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
eqe:{
|
||||
day:{list:[]},
|
||||
month:{list:[]},
|
||||
week:{list:[]},
|
||||
year:{list:[]}
|
||||
},
|
||||
data:{
|
||||
daylist: [],
|
||||
weeklist: [],
|
||||
monthlist: [],
|
||||
yearlist: []
|
||||
},
|
||||
lj:{day:'本日排行榜',week:'本周排行榜',month:'本月排行榜',year:'全年排行榜'}
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
const {data:{resp_data}} = await $.get('/platform/jsz/cxtj/phbtj/data', {})
|
||||
const {res} = JSON.parse(resp_data)
|
||||
this.eqe = res
|
||||
console.log(this.eqe)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,435 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-table__footer-wrapper td {
|
||||
color: orangered !important;
|
||||
}
|
||||
|
||||
.el-col .el-button {
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="tool-button">
|
||||
<el-row :gutter="20" type="flex">
|
||||
<el-col :span="4">
|
||||
<el-date-picker style="width: 100%"
|
||||
class="mr5"
|
||||
:picker-options="pickerOptions"
|
||||
v-model="pageForm.year" :clearable="false"
|
||||
type="year"
|
||||
value-format="yyyy" @change="getAllHd"
|
||||
placeholder="选择年">
|
||||
</el-date-picker>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<el-select v-model="pageForm.activity_tag" @change="tagChange"
|
||||
style="width: 100%">
|
||||
<el-option v-for="o in activityOptions" :label="o.name" :value="o._id"
|
||||
:key="o._id"></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="10">
|
||||
<el-select v-model="pageForm.activity_id" @change="hdChange" clearable
|
||||
style="width: 100%">
|
||||
<el-option v-for="o in childActivityOptions"
|
||||
:label="o.name" :value="o._id"
|
||||
:key="o._id"></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20" type="flex" class="mt10">
|
||||
<el-col :span="4">
|
||||
<el-button @click="doAlreadyGiftExport" icon="el-icon-download"
|
||||
style="width: 100%">导出已领取礼品用户
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button @click="doNotGiftExport" icon="el-icon-download"
|
||||
style="width: 100%">导出未领取礼品用户
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button icon="el-icon-download" style="width: 100%;" @click="doExport">按分工会导出导出全部
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button icon="el-icon-download" style="width: 100%;" @click="doExportRegsiter">导出报名人员
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button icon="el-icon-download" style="width: 100%;" @click="doExportSign">导出参与人员
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button icon="el-icon-download" style="width: 100%;" @click="doExportSummary">导出汇总表
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt20">
|
||||
<el-table :data="tableData" show-summary v-loading="tableLoading">
|
||||
<el-table-column type="index" label="序号"></el-table-column>
|
||||
<el-table-column prop="unionname" label="院级工会"></el-table-column>
|
||||
<el-table-column prop="reg_num" label="报名人数" sortable>
|
||||
<template slot-scope="{row}">
|
||||
<span class="text-primary pointer" @click="dropdownCommand({type:'reg',data:row})">
|
||||
{{row.reg_num}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sign_num" label="参加人数" sortable>
|
||||
<template slot-scope="{row}">
|
||||
<span class="text-primary pointer" @click="dropdownCommand({type:'sign',data:row})">
|
||||
{{row.sign_num}}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="120px">
|
||||
<template scope="{row}">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button size="mini">
|
||||
<i class="ti-settings"></i>
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'reg',data:row}">
|
||||
活动报名情况
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'sign',data:row}">
|
||||
活动参与情况
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</template>
|
||||
<template #edit>
|
||||
<el-card class="box-card v-box" shadow="never">
|
||||
<div slot="header" class="clearfix">
|
||||
<span style="font-size: 18px;margin-left: 20px">{{vPageForm.unionname}}</span>
|
||||
|
||||
<el-button style="float: right; font-size: 18px" type="text"
|
||||
@click="v=='reg'?doRegExport():doSignExport()"
|
||||
icon="el-icon-download">导出名单
|
||||
</el-button>
|
||||
</div>
|
||||
<div style="padding: 0 2%">
|
||||
<el-row>
|
||||
<el-table :data="vTableData" style="width: 100%" row-key="id" v-loading="vTableLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(vPageForm.pageNumber - 1) * vPageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- <el-table-column label="活动名称" prop="activity_name" 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="sex" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column label="单位" prop="unitname" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<template v-if="v=='reg'">
|
||||
<el-table-column label="报名时间" prop="register_time" header-align="center"
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
{{row.register_time | ts2str}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
|
||||
<template v-if="v=='sign'">
|
||||
<el-table-column label="点位总数" prop="pts_size" header-align="center"
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
{{row.pts_size.$numberInt}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="签到数量" prop="sign_size" header-align="center"
|
||||
align="center">
|
||||
<template scope="{row}">
|
||||
{{row.sign_size.$numberInt > row.pts_size.$numberInt ?
|
||||
row.pts_size.$numberInt:row.sign_size.$numberInt}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</template>
|
||||
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@current-change="vPageNumberChange"
|
||||
:current-page="vPageForm.pageNumber"
|
||||
:page-size="vPageForm.pageSize"
|
||||
layout="total, prev, pager, next"
|
||||
:total="vPageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
|
||||
function groupBy(arr, key) {
|
||||
const result = {}
|
||||
arr.forEach(v => {
|
||||
if (result[v[key]]) {
|
||||
result[v[key]].push(v)
|
||||
} else {
|
||||
result[v[key]] = [v]
|
||||
}
|
||||
})
|
||||
return result
|
||||
}
|
||||
|
||||
var vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return (
|
||||
time.getFullYear() > new Date().getFullYear()
|
||||
);
|
||||
}
|
||||
},
|
||||
v: 'index',
|
||||
tableLoading: false,
|
||||
vTableLoading: false,
|
||||
tableData: [],
|
||||
vTableData: [],
|
||||
hdOptions: [],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear() + '',
|
||||
activity_id: '',
|
||||
activity_tag: [],
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0
|
||||
},
|
||||
vPageForm: {
|
||||
activity_id: '',
|
||||
unionid: '',
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0
|
||||
},
|
||||
detailVisible: false,
|
||||
activityOptions: [],
|
||||
childActivityOptions: []
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
ts2str(val) {
|
||||
return moment(val).format("YYYY-MM-DD HH:mm:ss")
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
doExportRegsiter() {
|
||||
window.open('/platform/jsz/union/registerInfo/doExportRegsiter?activity_id=' + this.pageForm.activity_id + "&activity_tag=" + JSON.stringify(this.pageForm.activity_tag))
|
||||
},
|
||||
doExportSign() {
|
||||
window.open('/platform/jsz/union/registerInfo/doExportSign?activity_id=' + this.pageForm.activity_id + "&activity_tag=" + JSON.stringify(this.pageForm.activity_tag))
|
||||
},
|
||||
doExportSummary() {
|
||||
window.open('/platform/jsz/union/registerInfo/doExportSummary?activity_id=' + this.pageForm.activity_id + "&activity_tag=" + JSON.stringify(this.pageForm.activity_tag))
|
||||
},
|
||||
doAlreadyGiftExport() {
|
||||
location.href = "/platform/jsz/union/registerInfo/doGiftExport?activity_id=" + this.pageForm.activity_id + "&activity_tag=" + JSON.stringify(this.pageForm.activity_tag) + "&flag=" + true
|
||||
},
|
||||
doNotGiftExport() {
|
||||
location.href = "/platform/jsz/union/registerInfo/doGiftExport?activity_id=" + this.pageForm.activity_id + "&activity_tag=" + JSON.stringify(this.pageForm.activity_tag) + "&flag=" + false
|
||||
},
|
||||
doRegExport() {
|
||||
location.href = "/platform/jsz/union/registerInfo/regExport?unionname=" + this.vPageForm.unionname + "&activity_id=" + this.vPageForm.activity_id + "&activity_tag=" + JSON.stringify(this.vPageForm.activity_tag) + "&unionid=" + this.vPageForm.unionid
|
||||
},
|
||||
doSignExport() {
|
||||
location.href = "/platform/jsz/union/registerInfo/signExport?unionname=" + this.vPageForm.unionname + "&activity_id=" + this.vPageForm.activity_id + "&activity_tag=" + JSON.stringify(this.vPageForm.activity_tag) + "&unionid=" + this.vPageForm.unionid
|
||||
},
|
||||
vPageNumberChange(val) {//分页大小更新操作
|
||||
this.vPageForm.pageNumber = val;
|
||||
this.vPageData();
|
||||
},
|
||||
vPageData() {//加载分页数据
|
||||
sublime.showLoadingbar();//显示loading
|
||||
this.vTableLoading = true
|
||||
console.log(this.vPageForm)
|
||||
$.post(base + "/platform/jsz/union/registerInfo/" + (this.v == 'reg' ? 'getRegisterUser' : 'getSignUser'), this.vPageForm, (data) => {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
this.vTableLoading = false
|
||||
if (data.code == 0) {
|
||||
this.vTableData = data.data.list;
|
||||
this.vPageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
dropdownCommand(command) {
|
||||
const {type, data} = command
|
||||
|
||||
this.vPageForm = {
|
||||
activity_tag: this.pageForm.activity_tag,
|
||||
activity_id: this.pageForm.activity_id,
|
||||
unionid: data.id,
|
||||
unionname: data.unionname,
|
||||
pageNumber: 1,
|
||||
pageSize: 20,
|
||||
totalCount: 0
|
||||
}
|
||||
|
||||
this.v = type
|
||||
this.$refs.guava.edit()
|
||||
this.vPageData()
|
||||
},
|
||||
doExport() {
|
||||
let activity_name = ""
|
||||
let activity_tag = []
|
||||
if (this.pageForm.activity_id) {
|
||||
const activity = this.hdOptions.find(v => {
|
||||
return v._id === this.pageForm.activity_id
|
||||
})
|
||||
activity_name = activity.name
|
||||
} else if (this.pageForm.activity_tag) {
|
||||
const host_act = this.hdOptions.filter(v => {
|
||||
return this.pageForm.activity_tag.includes(v._id)
|
||||
})
|
||||
activity_tag = host_act.map(v => v._id)
|
||||
activity_name = host_act[0].tag + host_act.map(v => v.name).toString()
|
||||
}
|
||||
console.log(activity_tag.toString())
|
||||
if (!activity_name) return
|
||||
console.log(JSON.stringify(activity_tag))
|
||||
console.log("/platform/jsz/union/registerInfo/regExport?unionname=" + this.vPageForm.unionname + "&activity_id=" + this.vPageForm.activity_id + "&activity_tag=" + JSON.stringify(this.pageForm.activity_tag) + "&unionid=" + this.vPageForm.unionid)
|
||||
const exportUrl = "/platform/jsz/union/registerInfo/exportAllUnionData?activity_name=" + activity_name + "&activity_tag=" + activity_tag.toString() + "&activity_id=" + this.pageForm.activity_id
|
||||
window.open(exportUrl)
|
||||
console.log(exportUrl)
|
||||
},
|
||||
async getUnionNumData() {
|
||||
if (this.hdOptions.length > 0) {
|
||||
this.tableLoading = true
|
||||
const {data} = await $.get('/platform/jsz/union/registerInfo/getData', this.pageForm)
|
||||
this.tableData = data
|
||||
this.tableLoading = false
|
||||
}
|
||||
},
|
||||
async getAllHd() {
|
||||
this.pageForm.activity_tag = ''
|
||||
this.pageForm.activity_id = ''
|
||||
this.activityOptions = []
|
||||
this.childActivityOptions = []
|
||||
const {year} = this.pageForm
|
||||
if (year) {
|
||||
const beforeTime = moment().year(year).startOf('year').valueOf();
|
||||
const endTime = moment().year(year).endOf('year').valueOf();
|
||||
this.pageForm = {...this.pageForm, beforeTime, endTime}
|
||||
}
|
||||
|
||||
const {data} = await $.get('/jsz/common/getAllHd', this.pageForm)
|
||||
if (data == null || data.length === 0) {
|
||||
this.tableData = []
|
||||
return
|
||||
}
|
||||
|
||||
this.hdOptions = data
|
||||
|
||||
const tags = Array.from(new Set(data.map(v => v.tag && v.tag != 'null' ? v.tag : v.name)))
|
||||
const host_act = []
|
||||
tags.map(v => {
|
||||
host_act.push({name: v})
|
||||
})
|
||||
|
||||
console.log(host_act)
|
||||
|
||||
console.log(data)
|
||||
host_act.map(t => {
|
||||
t._id = []
|
||||
data.map(v => {
|
||||
if (!v.tag || v.tag == 'null') {
|
||||
if (v.name === t.name) {
|
||||
t._id.push(v._id)
|
||||
t.isHost = true
|
||||
}
|
||||
} else {
|
||||
if (v.tag === t.name) {
|
||||
t._id.push(v._id)
|
||||
t.isHost = false
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
this.activityOptions = host_act
|
||||
if (this.activityOptions) {
|
||||
this.pageForm.activity_tag = this.activityOptions[0]._id
|
||||
if (!this.activityOptions[0].isHost) {
|
||||
this.childActivityOptions = this.hdOptions.filter(v => {
|
||||
return v.tag === this.activityOptions[0].name
|
||||
})
|
||||
}
|
||||
await this.getUnionNumData()
|
||||
}
|
||||
|
||||
// this.activityOptions = groupBy(data, 'tag')
|
||||
//
|
||||
// if (Object.keys(this.activityOptions).length) {
|
||||
// this.pageForm.activity_tag = Object.keys(this.activityOptions)[0]
|
||||
// this.getUnionNumData()
|
||||
// } else {
|
||||
// this.tableData = []
|
||||
// }
|
||||
},
|
||||
tagChange(val) {
|
||||
this.pageForm.activity_id = ''
|
||||
const act = this.activityOptions.find(v => v._id === val)
|
||||
if (!act.isHost) {
|
||||
this.childActivityOptions = this.hdOptions.filter(v => {
|
||||
return v.tag === act.name
|
||||
})
|
||||
} else {
|
||||
this.childActivityOptions = []
|
||||
}
|
||||
this.getUnionNumData()
|
||||
},
|
||||
hdChange(activity_id) {
|
||||
this.pageForm.activity_id = activity_id
|
||||
this.getUnionNumData()
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
await this.getAllHd()
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user