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
|
||||
}
|
||||
|
||||
const 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>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,235 @@
|
||||
<!--#
|
||||
layout("/layouts/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: url(/assets/platform/img/back/jsz.jpg) no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.content {
|
||||
height: 50vh;
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.parm_v {
|
||||
height: 300px;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.input_v {
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.van-cell:not(:last-child)::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.van-field {
|
||||
padding: 0;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
/*border-bottom: 1px rgb(230, 230, 230) solid !important;*/
|
||||
}
|
||||
|
||||
.bottom_v {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.v-row {
|
||||
margin-bottom: 10px;
|
||||
background-color: rgba(255, 255, 255, .95);
|
||||
border-radius: 5px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.parm-item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
border-bottom: 1px rgb(230, 230, 230) solid !important;
|
||||
transition: all 500ms;
|
||||
}
|
||||
|
||||
.parm-item-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.parm-item-field {
|
||||
height: 40px;
|
||||
width: calc(100% - 40px);
|
||||
}
|
||||
|
||||
.parm-item-field .van-cell {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.caution {
|
||||
border-bottom: 1px tomato solid !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
document.title = "南航教工健身行"
|
||||
</script>
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<div class="content">
|
||||
<div class="parm_v">
|
||||
<van-row class="v-row">
|
||||
<div :class="'parm-item '+(usernameCaution?'caution':'')">
|
||||
<div class="parm-item-icon">
|
||||
<svg t="1592742719420" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" p-id="2146" width="16" height="16">
|
||||
<path d="M621.8 601.2c86.8-49.5 146.1-141.9 146.1-249 0-158.9-128.8-287.7-287.7-287.7S192.5 193.3 192.5 352.2c0 107.1 59.2 199.5 146.1 249-150 54.5-259.7 192.7-272.3 358.3h63.9c16.2-178.9 166.9-319.6 350-319.6s333.8 140.7 350 319.6h63.9c-12.6-165.6-122.3-303.8-272.3-358.3z m-365.4-249c0-123.4 100.4-223.7 223.8-223.7S704 228.8 704 352.2 603.6 575.9 480.2 575.9 256.4 475.6 256.4 352.2z"
|
||||
p-id="2147" fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="parm-item-field">
|
||||
<van-field @input="(v)=>{this.usernameCaution=v?false:true}" v-model="formData.username"
|
||||
maxlength="30" type="text" placeholder="输入姓名"
|
||||
clearable></van-field>
|
||||
</div>
|
||||
</div>
|
||||
</van-row>
|
||||
|
||||
<van-row class="v-row">
|
||||
<div :class="'parm-item '+(loginnameCaution?'caution':'')">
|
||||
<div class="parm-item-icon">
|
||||
<svg t="1600915192607" class="icon" viewBox="0 0 1092 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" p-id="2755" width="16" height="16">
|
||||
<path d="M955.733333 204.8h-273.066666V102.4C682.666667 47.786667 634.88 0 580.266667 0h-68.266667C457.386667 0 409.6 47.786667 409.6 102.4V204.8H136.533333C61.44 204.8 0 266.24 0 341.333333v546.133334c0 75.093333 61.44 136.533333 136.533333 136.533333h819.2c75.093333 0 136.533333-61.44 136.533334-136.533333V341.333333c0-75.093333-61.44-136.533333-136.533334-136.533333zM477.866667 102.4c0-20.48 13.653333-34.133333 34.133333-34.133333h68.266667c20.48 0 34.133333 13.653333 34.133333 34.133333v204.8c0 20.48-13.653333 34.133333-34.133333 34.133333h-68.266667c-20.48 0-34.133333-13.653333-34.133333-34.133333v-204.8zM1024 887.466667c0 40.96-27.306667 68.266667-68.266667 68.266666H136.533333c-40.96 0-68.266667-27.306667-68.266666-68.266666V341.333333c0-40.96 27.306667-68.266667 68.266666-68.266666h273.066667v34.133333C409.6 361.813333 457.386667 409.6 512 409.6h68.266667c54.613333 0 102.4-47.786667 102.4-102.4V273.066667h273.066666c40.96 0 68.266667 27.306667 68.266667 68.266666v546.133334z"
|
||||
p-id="2756" fill="#8a8a8a"></path>
|
||||
<path d="M785.066667 546.133333h-477.866667c-20.48 0-34.133333 13.653333-34.133333 34.133334s13.653333 34.133333 34.133333 34.133333h477.866667c20.48 0 34.133333-13.653333 34.133333-34.133333s-13.653333-34.133333-34.133333-34.133334zM785.066667 750.933333h-477.866667c-20.48 0-34.133333 13.653333-34.133333 34.133334s13.653333 34.133333 34.133333 34.133333h477.866667c20.48 0 34.133333-13.653333 34.133333-34.133333s-13.653333-34.133333-34.133333-34.133334z"
|
||||
p-id="2757" fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="parm-item-field">
|
||||
<van-field @input="(v)=>{this.loginnameCaution=v?false:true}" v-model="formData.loginname"
|
||||
maxlength="30"
|
||||
placeholder="输入工号"
|
||||
clearable></van-field>
|
||||
</div>
|
||||
</div>
|
||||
</van-row>
|
||||
|
||||
<van-row class="v-row">
|
||||
<div :class="'parm-item '+(campusCaution?'caution':'')">
|
||||
<div class="parm-item-icon">
|
||||
<svg t="1600915714276" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg" p-id="4208" width="16" height="16">
|
||||
<path d="M989.090909 907.636364H954.181818V370.036364c0-30.254545-25.6-55.854545-58.181818-55.854546h-132.654545v-39.563636c0-6.981818 0-25.6-102.4-121.018182-104.727273-97.745455-128-97.745455-137.309091-97.745455-9.309091 0-32.581818 0-141.963637 95.418182-107.054545 95.418182-107.054545 111.709091-107.054545 121.018182v39.563636H146.618182c-32.581818 0-58.181818 25.6-58.181818 55.854546V907.636364H37.236364c-13.963636 0-25.6 11.636364-25.6 25.6 0 13.963636 11.636364 25.6 25.6 25.6l954.181818-2.327273c13.963636 0 25.6-11.636364 25.6-25.6s-13.963636-23.272727-27.927273-23.272727z m-95.418182-542.254546c4.654545 0 6.981818 2.327273 6.981818 4.654546V907.636364h-139.636363V365.381818h132.654545zM414.254545 190.836364c58.181818-51.2 93.090909-76.8 107.054546-81.454546 32.581818 13.963636 169.890909 139.636364 190.836364 172.218182V907.636364h-44.218182v-179.2c0-55.854545-46.545455-100.072727-104.727273-100.072728h-86.109091C418.909091 628.363636 372.363636 672.581818 372.363636 728.436364V907.636364h-51.2V281.6c9.309091-11.636364 44.218182-48.872727 93.090909-90.763636zM616.727273 907.636364h-195.490909v-181.527273c0-27.927273 25.6-48.872727 55.854545-48.872727h86.109091c30.254545 0 55.854545 20.945455 55.854545 48.872727V907.636364zM137.309091 370.036364c0-2.327273 2.327273-4.654545 6.981818-4.654546h125.672727V907.636364H134.981818V370.036364z"
|
||||
p-id="4209" fill="#8a8a8a"></path>
|
||||
<path d="M397.963636 463.127273h225.745455c13.963636 0 25.6-11.636364 25.6-25.6 0-13.963636-11.636364-25.6-25.6-25.6h-225.745455c-13.963636 0-25.6 11.636364-25.6 25.6 2.327273 13.963636 11.636364 25.6 25.6 25.6zM397.963636 558.545455h225.745455c13.963636 0 25.6-11.636364 25.6-25.6s-11.636364-25.6-25.6-25.6h-225.745455c-13.963636 0-25.6 11.636364-25.6 25.6s11.636364 25.6 25.6 25.6zM397.963636 365.381818h225.745455c13.963636 0 25.6-11.636364 25.6-25.6s-11.636364-25.6-25.6-25.6h-225.745455c-13.963636 0-25.6 11.636364-25.6 25.6s11.636364 25.6 25.6 25.6z"
|
||||
p-id="4210" fill="#8a8a8a"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="parm-item-field">
|
||||
<van-field
|
||||
@input="(v)=>{this.campusCaution=v?false:true}"
|
||||
readonly
|
||||
clickable
|
||||
name="picker"
|
||||
:value="formData.campus"
|
||||
placeholder="点击选择校区"
|
||||
@click="showPicker = true" clearable
|
||||
></van-field>
|
||||
<van-popup v-model="showPicker" position="bottom">
|
||||
<van-picker
|
||||
show-toolbar
|
||||
:columns="campusOptions"
|
||||
@confirm="onConfirm"
|
||||
@cancel="showPicker = false"
|
||||
></van-picker>
|
||||
</van-popup>
|
||||
</div>
|
||||
</div>
|
||||
</van-row>
|
||||
|
||||
<van-row class="v-row" style="margin-top: 30px;background-color: transparent">
|
||||
<van-button :loading="loading" size="large" color="linear-gradient(to right,#2b97d7,#8bc4ff)"
|
||||
@click="doSubmit">提 交
|
||||
</van-button>
|
||||
</van-row>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
campusOptions: ['明故宫校区', '将军路校区', '天目湖校区'],
|
||||
formData: {},
|
||||
showPicker: false,
|
||||
loginnameCaution: false,
|
||||
usernameCaution: false,
|
||||
campusCaution: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onConfirm(value) {
|
||||
this.campusCaution = false
|
||||
this.formData.campus = value;
|
||||
this.showPicker = false;
|
||||
},
|
||||
async doSubmit() {
|
||||
this.usernameCaution = this.formData.username ? false : true
|
||||
this.loginnameCaution = this.formData.loginname ? false : true
|
||||
this.campusCaution = this.formData.campus ? false : true
|
||||
|
||||
if (this.usernameCaution || this.loginnameCaution || this.campusCaution) {
|
||||
return
|
||||
}
|
||||
|
||||
this.$toast.loading({
|
||||
message: '正在提交...',
|
||||
forbidClick: true,
|
||||
});
|
||||
|
||||
const {code, data, msg} = await $.post("/jsz/fillcheck/doSubmit", this.formData)
|
||||
|
||||
if (code == 0) {
|
||||
this.formData = {}
|
||||
this.$toast.success(msg);
|
||||
} else {
|
||||
this.$toast.fail(msg);
|
||||
}
|
||||
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,237 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.clearfix {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak style="padding: 30px 0 ">
|
||||
<el-row>
|
||||
<el-col :span="12" :offset="6">
|
||||
<el-row>
|
||||
<el-select v-model="formData.activity_id"
|
||||
style="width: 100%">
|
||||
<el-option v-for="i in activityOptions" :label="i.name" :value="i._id"
|
||||
:key="i._id"></el-option>
|
||||
</el-select>
|
||||
</el-row>
|
||||
|
||||
<el-row style="margin: 20px 0;display: flex;align-items: center;justify-content: space-between;">
|
||||
<!-- <el-input placeholder="请输入工号" v-model="formData.loginname" class="input-with-select">-->
|
||||
<!-- <el-button slot="append" type="primary" :loading="trackLoading" @click="giftBackTracking"-->
|
||||
<!-- icon="el-icon-plus">补录-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-input>-->
|
||||
|
||||
<el-select
|
||||
v-model="formData.loginname"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入姓名或工号查询"
|
||||
:remote-method="remoteMethod" clearable
|
||||
:loading="loading" style="width: calc(100% - 100px)">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.loginname"
|
||||
:label="item.username+' - '+item.loginname+'（'+item.unitname+'）'"
|
||||
:value="item.loginname">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<el-button type="primary" :loading="trackLoading" @click="giftBackTracking"
|
||||
icon="el-icon-plus">补录
|
||||
</el-button>
|
||||
</el-row>
|
||||
|
||||
<el-card class="box-card" shadow="never">
|
||||
<div slot="header" class="clearfix">
|
||||
<div style="width: 20%;font-size: 18px;color: #409EFF">补录列表</div>
|
||||
<div style="width: 80%;text-align: right">
|
||||
<el-input style="width: 200px" placeholder="请输入姓名或工号查询" clearable
|
||||
v-model="pageForm.keyword"></el-input>
|
||||
<el-button type="primary" icon="el-icon-search" @click="pageData"></el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text item">
|
||||
<el-row>
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" v-loading="tableLoading">
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</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="use_time" header-align="center"
|
||||
align="center">
|
||||
<template scope="{row:{use_time}}">
|
||||
{{moment(use_time).format('YYYY-MM-DD HH:mm:ss')}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" prop="_id" header-align="center" width="100px"
|
||||
align="center">
|
||||
<template scope="{row:{_id}}">
|
||||
<el-button circle icon="el-icon-delete" type="danger" size="small"
|
||||
@click="doDelete(_id)"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
options: [],
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10
|
||||
},
|
||||
trackLoading: false,
|
||||
tableLoading: false,
|
||||
loading: false,
|
||||
activityOptions: [],
|
||||
tableData: [],
|
||||
formData: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
doDelete(id) {
|
||||
this.$confirm('是否删除？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
const {code, msg} = await $.post("/platform/jsz/gift_back_track/delete", {id})
|
||||
if (code == 0) {
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData();
|
||||
} else {
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async remoteMethod(query) {
|
||||
if (query !== '') {
|
||||
this.loading = true;
|
||||
const {data} = await $.post("/platform/jsz/gift_back_track/queryUser", {keyword: query})
|
||||
this.options = data
|
||||
this.loading = false;
|
||||
} else {
|
||||
this.options = [];
|
||||
}
|
||||
},
|
||||
pageNumberChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
}
|
||||
,
|
||||
pageData() {//加载分页数据
|
||||
this.tableLoading = true
|
||||
$.post(base + "/platform/jsz/gift_back_track/pageData", this.pageForm, (data) => {
|
||||
this.tableLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
}
|
||||
,
|
||||
|
||||
async getActivity() {
|
||||
const {data} = await $.get('/jsz/common/getAllHd')
|
||||
this.activityOptions = data
|
||||
if (this.activityOptions.length > 0) {
|
||||
this.formData.activity_id = this.activityOptions[0]._id
|
||||
this.pageForm.activity_id = this.activityOptions[0]._id
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
,
|
||||
async giftBackTracking() {
|
||||
if (!this.formData.activity_id) {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '请选择活动！',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
if (!this.formData.loginname) {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '请填写工号！',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
|
||||
this.trackLoading = true
|
||||
const {success, message} = await $.post('/platform/jsz/gift_back_track/giftBackTracking', this.formData)
|
||||
this.trackLoading = false
|
||||
|
||||
if (!success) {
|
||||
this.$notify.error({
|
||||
title: '警告',
|
||||
message: message,
|
||||
});
|
||||
return
|
||||
}
|
||||
this.$notify({
|
||||
title: '成功',
|
||||
message: message,
|
||||
type: 'success'
|
||||
});
|
||||
this.formData.loginname = ""
|
||||
this.pageData()
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
this.getActivity()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,262 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-input placeholder="请输入关键字查询" v-model="pageForm.keyWord"></el-input>
|
||||
</div>
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-dropdown @command="dropdownCommand">
|
||||
<el-button size="medium" type="danger">
|
||||
批量删除 
|
||||
<span class="ti-angle-down"></span>
|
||||
</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item :command="{type:'delete2'}">
|
||||
删除已选
|
||||
</el-dropdown-item>
|
||||
|
||||
<el-dropdown-item :command="{type:'delete3'}">
|
||||
全部删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<el-table :data="tableData" style="width: 100%" row-key="_id" @sort-change="pageOrder"
|
||||
v-loading="tabLoading" @selection-change="handleSelectionChange">
|
||||
<el-table-column :reserve-selection="true"
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<el-table-column align="center" header-align="center" label="序号" type="index">
|
||||
<template scope="scope">
|
||||
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
||||
</template>
|
||||
</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="openid" prop="openid" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="240px">
|
||||
<template scope="{row}">
|
||||
<el-button type="danger" @click="doDelete(row._id)" size="mini"
|
||||
icon="el-icon-delete"></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="[10, 20]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
v: "index",
|
||||
stepActive: 0,
|
||||
tabLoading: false,
|
||||
subDis: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "name",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
multipleSelection: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand: function (command) {
|
||||
const {type, data} = command
|
||||
if (type == 'delete2') {
|
||||
this.doDelete2()
|
||||
} else if (type == 'delete3') {
|
||||
this.doDelete3()
|
||||
}
|
||||
},
|
||||
async doDelete(id) {
|
||||
this.$confirm('是否确定删除！', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
const {
|
||||
code,
|
||||
data,
|
||||
msg
|
||||
} = await $.post("/platform/jsz/login/record/delete", {ids: JSON.stringify([id])})
|
||||
if (code == 0) {
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
async doDelete2() {
|
||||
|
||||
if (!this.multipleSelection.length) {
|
||||
this.$notify({
|
||||
title: '提示',
|
||||
message: '请先勾选需要删除的人员！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
|
||||
this.$confirm('是否确定删除！', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
const arr = this.multipleSelection.map(v => {
|
||||
return v._id
|
||||
})
|
||||
|
||||
const {
|
||||
code,
|
||||
data,
|
||||
msg
|
||||
} = await $.post("/platform/jsz/login/record/delete", {ids: JSON.stringify(arr)})
|
||||
if (code == 0) {
|
||||
this.multipleSelection = []
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
async doDelete3() {
|
||||
this.$confirm('是否确定删除全部登录记录！', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
const {code, data, msg} = await $.post("/platform/jsz/login/record/deleteAll")
|
||||
if (code == 0) {
|
||||
this.multipleSelection = []
|
||||
this.$message({
|
||||
message: msg,
|
||||
type: 'success'
|
||||
});
|
||||
this.pageData()
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
doSearch() {
|
||||
this.tabKey = new Date().getTime()
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
pageOrder(column) {//按字段排序
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {//加载分页数据
|
||||
sublime.showLoadingbar();//显示loading
|
||||
this.tabLoading = true
|
||||
$.post(base + "/platform/jsz/login/record/pageData", this.pageForm, (data) => {
|
||||
sublime.closeLoadingbar();//关闭loading
|
||||
this.tabLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,553 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-radio__label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-checkbox__label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.el-table__expanded-cell {
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
|
||||
.el-table__expanded-cell:hover {
|
||||
background-color: #F5F7FA !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<el-row class="header navbar bg-white shadow">
|
||||
<div class="btn-group tool-button mt5">
|
||||
<div>
|
||||
<el-input placeholder="请输入内容" clearable="true" v-model="pageForm.searchKeyword">
|
||||
<template slot="prepend">题目名称</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group tool-button mt5">
|
||||
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
|
||||
</div>
|
||||
|
||||
<div class="pull-right offscreen-right mt5">
|
||||
<el-button size="medium" @click="openAdd" type="warning"><i class="el-icon-plus"></i> 添加</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
<!-- 表格-->
|
||||
<el-row class="el-table-container">
|
||||
<el-table :data="tableData" size="medium" @sort-change="pageOrder">
|
||||
<el-table-column type="expand">
|
||||
<template slot-scope="scope">
|
||||
<el-table :data="scope.row.options" size="mini" border="true">
|
||||
<el-table-column label="" type="index" align="center"></el-table-column>
|
||||
<el-table-column prop="option_name" label="选项" align="center"></el-table-column>
|
||||
<el-table-column label="答案" align="center" width="150px">
|
||||
<template slot-scope="scope_x">
|
||||
<span v-if="scope_x.row.option_iswor" style="font-size: 24px;color: #67C23A"><i
|
||||
class="el-icon-circle-check"></i></span>
|
||||
<span v-else style="font-size: 24px;color: #F56C6C"> <i
|
||||
class="el-icon-circle-close"></i></span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="序号" type="index" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span>{{(pageForm.pageNumber - 1) * pageForm.pageSize + scope.$index + 1}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="issue_name" label="题目" align="center"
|
||||
></el-table-column>
|
||||
<el-table-column prop="issue_multiple" label="是否多选" align="center" width="120px">
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.issue_multiple==0" type="danger">否</el-tag>
|
||||
<el-tag v-if="scope.row.issue_multiple==1" type="success">是</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" align="center" width="250px">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="primary" @click="openEdit(scope.row._id)">编辑</el-button>
|
||||
<el-button size="mini" type="danger" @click="doDelete(scope.row._id)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-row>
|
||||
|
||||
<!-- 分页-->
|
||||
<el-row class="el-pagination-container">
|
||||
<el-pagination
|
||||
@size-change="pageSizeChange"
|
||||
@current-change="pageNumberChange"
|
||||
:current-page="pageForm.pageNumber"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pageForm.pageSize"
|
||||
layout="total, sizes, prev, pager, next"
|
||||
:total="pageForm.totalCount">
|
||||
</el-pagination>
|
||||
</el-row>
|
||||
|
||||
<!-- 新增-->
|
||||
<el-dialog
|
||||
title="新建题目"
|
||||
:visible.sync="addDialogVisible"
|
||||
:close-on-click-modal="false"
|
||||
width="50%">
|
||||
<el-form :model="formData" ref="addForm" label-position="right" :rules="formRules" size="small"
|
||||
label-width="80px">
|
||||
<el-form-item prop="issue_name" label="题目名称">
|
||||
<el-input size="medium" type="textarea" placeholder="请输入题目名称"
|
||||
v-model="formData.issue_name"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="issue_multiple" label="是否多选">
|
||||
<el-switch
|
||||
@change="multipleChange"
|
||||
v-model="formData.issue_multiple"
|
||||
active-color="#13ce66"
|
||||
active-value="true"
|
||||
inactive-value="false">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="22">
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">题目选项</span>
|
||||
</el-divider>
|
||||
</el-col>
|
||||
<el-col :span="2" style="text-align: right">
|
||||
<el-button @click="formData.options.push({option_name:''})"
|
||||
style="margin-top: 10px"
|
||||
icon="el-icon-plus"
|
||||
type="warning" size="mini"></el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-checkbox-group v-model="checkVal">
|
||||
<el-table
|
||||
:data="formData.options"
|
||||
size="mini"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
|
||||
>
|
||||
<el-table-column type="index" label="序号"></el-table-column>
|
||||
<el-table-column
|
||||
prop="option_name"
|
||||
label="选项"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input placeholder="请输入选项名" maxlength="100"
|
||||
v-model="scope.row.option_name"
|
||||
size="mini"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="wor"
|
||||
label="正确答案"
|
||||
header-align="center"
|
||||
width="100px"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :label="scope.$index+1" v-if="formData.issue_multiple=='true'"></el-checkbox>
|
||||
<el-radio v-model="radioVal" :label="scope.$index+1"
|
||||
v-if="formData.issue_multiple=='false'"></el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
width="150px"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button icon="el-icon-delete" size="mini" type="danger"
|
||||
@click="delOptionX(scope)"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-checkbox-group>
|
||||
</el-row>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="addDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doAdd" :disabled="subDa">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<!-- 编辑-->
|
||||
<el-dialog
|
||||
title="编辑题目"
|
||||
:visible.sync="editDialogVisible"
|
||||
:close-on-click-modal="false"
|
||||
width="50%">
|
||||
<el-form :model="formData" ref="editForm" label-position="right" :rules="formRules" size="small"
|
||||
label-width="100px">
|
||||
<el-form-item prop="issue_name" label="题目名称">
|
||||
<el-input size="medium" type="textarea" placeholder="请输入题目名称"
|
||||
v-model="formData.issue_name"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item prop="issue_multiple" label="是否多选">
|
||||
<el-switch
|
||||
@change="multipleChange"
|
||||
v-model="formData.issue_multiple"
|
||||
active-color="#13ce66"
|
||||
active-value="true"
|
||||
inactive-value="false">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="22">
|
||||
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">题目选项</span>
|
||||
</el-divider>
|
||||
</el-col>
|
||||
<el-col :span="2" style="text-align: right">
|
||||
<el-button @click="formData.options.push({option_name:''})"
|
||||
style="margin-top: 10px"
|
||||
icon="el-icon-plus"
|
||||
type="warning" size="mini"></el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-checkbox-group v-model="checkVal">
|
||||
<el-table
|
||||
:data="formData.options"
|
||||
size="mini"
|
||||
header-align="center"
|
||||
style="width: 100%"
|
||||
|
||||
>
|
||||
<el-table-column type="index" label="序号"></el-table-column>
|
||||
<el-table-column
|
||||
prop="option_name"
|
||||
label="选项"
|
||||
header-align="center"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-input placeholder="请输入选项名" maxlength="100"
|
||||
v-model="scope.row.option_name"
|
||||
size="mini"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="wor"
|
||||
label="正确答案"
|
||||
header-align="center"
|
||||
width="100px"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-checkbox :label="scope.$index+1" v-if="formData.issue_multiple=='true'"></el-checkbox>
|
||||
<el-radio v-model="radioVal" :label="scope.$index+1"
|
||||
v-if="formData.issue_multiple=='false'"></el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
header-align="center"
|
||||
width="150px"
|
||||
align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button icon="el-icon-delete" size="mini" type="danger"
|
||||
@click="delOptionX(scope)"></el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-checkbox-group>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="editDialogVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="doEdit" :disabled="subDa">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: "#app",
|
||||
data: function () {
|
||||
return {
|
||||
subDa: false,
|
||||
radioVal: '',
|
||||
pageForm: {
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
searchName: "issue_name",
|
||||
searchKeyword: "",
|
||||
},
|
||||
formData: {options: [{}]},
|
||||
tableData: [],
|
||||
addDialogVisible: false,
|
||||
editDialogVisible: false,
|
||||
formRules: {
|
||||
issue_name: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
issue_multiple: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
delOption: [],
|
||||
checkVal: [],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
multipleChange(val) {
|
||||
this.radioVal = ''
|
||||
this.checkVal = []
|
||||
},
|
||||
delOptionX(scope) {
|
||||
let self = this
|
||||
if (scope.row.option_id != undefined) {
|
||||
self.delOption.push(scope.row.option_id)
|
||||
}
|
||||
self.formData.options.splice(scope.$index, 1)
|
||||
},
|
||||
doDelete(id) {
|
||||
let self = this;
|
||||
self.$confirm('您确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: function (a, b) {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
$.post(base + "/platform/jsz/tkMange/delete", {id: id}
|
||||
, function (data) {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: '删除成功！',
|
||||
type: 'success'
|
||||
});
|
||||
self.pageData();
|
||||
} else {
|
||||
self.$message({
|
||||
message: '删除失败！',
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
}, "json");
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
doEdit() {
|
||||
let self = this;
|
||||
if (self.formData.options.length < 0) {
|
||||
self.$message({
|
||||
message: '请至少添加一个选项！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
for (let i = 0; i < self.formData.options.length; i++) {
|
||||
if (self.formData.options[i].option_name == undefined || self.formData.options[i].option_name == '') {
|
||||
self.$message({
|
||||
message: '第 ' + (i + 1) + " 个选项的名字未填写！",
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
}
|
||||
if (self.formData.issue_multiple == 'true' || self.formData.issue_multiple == true) {
|
||||
if (self.checkVal.length < 1) {
|
||||
self.$message({
|
||||
message: '请至少选择一个选项为正确答案！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
} else {
|
||||
if (self.radioVal == '' || self.radioVal == undefined) {
|
||||
self.$message({
|
||||
message: '请选择一个选项为正确答案！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
self.$refs["editForm"].validate(function (valid) {
|
||||
if (valid) {//表单验证通过
|
||||
|
||||
self.formData.options.forEach(function (value) {
|
||||
value.option_iswor = false
|
||||
})
|
||||
if (self.formData.issue_multiple == 'true' || self.formData.issue_multiple == true) {
|
||||
self.checkVal.forEach(function (value) {
|
||||
self.formData.options[parseInt([value]) - 1].option_iswor = true
|
||||
})
|
||||
} else {
|
||||
self.formData.options[parseInt([self.radioVal]) - 1].option_iswor = true
|
||||
}
|
||||
|
||||
self.subDa = true
|
||||
$.post(base + "/platform/jsz/tkMange/doEdit", {issue: JSON.stringify(self.formData)}, (data) => {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: '修改成功！',
|
||||
type: 'success'
|
||||
});
|
||||
}else {
|
||||
self.$message({
|
||||
message: '修改失败！',
|
||||
type: 'success'
|
||||
});
|
||||
}
|
||||
self.editDialogVisible = false;
|
||||
self.pageData();
|
||||
self.subDa = false
|
||||
}, "json");
|
||||
}
|
||||
})
|
||||
},
|
||||
openEdit(id) {
|
||||
let self = this
|
||||
self.formData = {options: [{}], issue_multiple: 'false'}
|
||||
self.radioVal = ''
|
||||
self.checkVal = []
|
||||
$.post(base + "/platform/jsz/tkMange/findOne", {id: id}, (data) => {
|
||||
if (data.code == 0) {
|
||||
self.formData = data.data
|
||||
if (data.data.issue_multiple) {
|
||||
data.data.options.forEach(function (val, idx) {
|
||||
if (val.option_iswor) {
|
||||
self.checkVal.push(idx + 1)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
data.data.options.forEach(function (val, idx) {
|
||||
if (val.option_iswor) {
|
||||
self.radioVal = idx + 1
|
||||
}
|
||||
})
|
||||
}
|
||||
self.formData.issue_multiple = self.formData.issue_multiple + ''
|
||||
if (self.$refs["editForm"])
|
||||
self.$refs["editForm"].resetFields();
|
||||
self.editDialogVisible = true
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
openAdd() {
|
||||
let self = this
|
||||
self.formData = {options: [{}], issue_multiple: 'false'}
|
||||
self.radioVal = ''
|
||||
self.checkVal = []
|
||||
if (self.$refs["addForm"])
|
||||
self.$refs["addForm"].resetFields();
|
||||
self.addDialogVisible = true
|
||||
},
|
||||
doAdd() {
|
||||
let self = this;
|
||||
|
||||
if (self.formData.options.length < 0) {
|
||||
self.$message({
|
||||
message: '请至少添加一个选项！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
for (let i = 0; i < self.formData.options.length; i++) {
|
||||
if (self.formData.options[i].option_name == undefined || self.formData.options[i].option_name == '') {
|
||||
self.$message({
|
||||
message: '第 ' + (i + 1) + " 个选项的名字未填写！",
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
}
|
||||
if (self.formData.issue_multiple == 'true' || self.formData.issue_multiple == true) {
|
||||
if (self.checkVal.length < 1) {
|
||||
self.$message({
|
||||
message: '请至少选择一个选项为正确答案！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
} else {
|
||||
if (self.radioVal == '' || self.radioVal == undefined) {
|
||||
self.$message({
|
||||
message: '请选择一个选项为正确答案！',
|
||||
type: 'warning'
|
||||
});
|
||||
return
|
||||
}
|
||||
}
|
||||
self.$refs["addForm"].validate(function (valid) {
|
||||
if (valid) {//表单验证通过
|
||||
sublime.showLoadingbar()
|
||||
|
||||
self.formData.options.forEach(function (value) {
|
||||
value.option_iswor = false
|
||||
})
|
||||
if (self.formData.issue_multiple == 'true' || self.formData.issue_multiple == true) {
|
||||
self.checkVal.forEach(function (value) {
|
||||
self.formData.options[parseInt([value]) - 1].option_iswor = true
|
||||
})
|
||||
} else {
|
||||
self.formData.options[parseInt([self.radioVal]) - 1].option_iswor = true
|
||||
}
|
||||
|
||||
self.subDa = true
|
||||
$.post(base + "/platform/jsz/tkMange/doAdd", {issue: JSON.stringify(self.formData)}, (data) => {
|
||||
if (data.code == 0) {
|
||||
self.$message({
|
||||
message: '添加成功！',
|
||||
type: 'success'
|
||||
});
|
||||
self.addDialogVisible = false;
|
||||
self.pageData();
|
||||
}
|
||||
sublime.closeLoadingbar()
|
||||
self.subDa = false
|
||||
}, "json");
|
||||
}
|
||||
})
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1;
|
||||
this.pageData();
|
||||
},
|
||||
pageData() {
|
||||
let self = this;
|
||||
sublime.showLoadingbar();
|
||||
$.post(base + "/platform/jsz/tkMange/pageData", self.pageForm, function (data) {
|
||||
self.tableData = data.data.list;
|
||||
self.pageForm.totalCount = data.data.totalCount
|
||||
sublime.closeLoadingbar()
|
||||
})
|
||||
},
|
||||
pageOrder(column) {//按字段排序
|
||||
if (column == 'ascending') {
|
||||
column.order = 'ASC'
|
||||
} else {
|
||||
column.order = 'DESC'
|
||||
}
|
||||
this.pageForm.pageOrderName = column.prop;
|
||||
this.pageForm.pageOrderBy = column.order;
|
||||
this.pageData();
|
||||
},
|
||||
pageNumberChange(val) {//页码更新操作
|
||||
this.pageForm.pageNumber = val;
|
||||
this.pageData();
|
||||
},
|
||||
pageSizeChange(val) {//分页大小更新操作
|
||||
this.pageForm.pageSize = val;
|
||||
this.pageData();
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,149 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava>
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">年度：</div>
|
||||
<div class="search-item-option">
|
||||
<el-date-picker
|
||||
:clearable="false"
|
||||
@change="yearChange"
|
||||
placeholder="选择年度"
|
||||
type="year"
|
||||
v-model="pageForm.year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">活动：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select @change="doSearch" v-model="pageForm.activityId">
|
||||
<el-option :label="item.name"
|
||||
:value="item._id"
|
||||
v-for="item in activityList"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-query">
|
||||
<el-button @click="doSearch" icon="el-icon-search" type="primary">搜索</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card class="mt10" shadow="never">
|
||||
<table-tool :app="this" label="中奖榜">
|
||||
<template #func>
|
||||
<el-radio-group size="small" v-model="pageForm.currentSelectedType">
|
||||
<el-radio-button label="yesterdayList">昨日榜</el-radio-button>
|
||||
<el-radio-button label="totalList">总榜</el-radio-button>
|
||||
</el-radio-group>
|
||||
|
||||
<el-button @click="exportExcel" class="ml10" size="small" type="primary">导出</el-button>
|
||||
|
||||
</template>
|
||||
</table-tool>
|
||||
<el-table :data="prizeData[pageForm.currentSelectedType]" :size="tableSize">
|
||||
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
>
|
||||
<template scope="{row}" v-if="column.prop==='registerNum'">
|
||||
<el-link @click="openView(row.id)" type="primary">
|
||||
{{row.registerNum}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</guava>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
prizeData: {},
|
||||
activityList: [],
|
||||
pageForm: {
|
||||
year: new Date().getFullYear().toString(),
|
||||
activityId: null,
|
||||
currentSelectedType: 'yesterdayList',
|
||||
},
|
||||
tableColumns: [
|
||||
{label: '姓名', prop: 'username'},
|
||||
{label: '工号', prop: 'loginname'},
|
||||
{label: '单位', prop: 'unitname'},
|
||||
{label: '分工会', prop: 'unionname', sortable: true},
|
||||
{label: '日期', prop: 'prizeData', sortable: true}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async pageData() {
|
||||
sublime.showLoadingbar()
|
||||
const resp = await $.post(loc() + '/prizeDataList', this.pageForm)
|
||||
sublime.closeLoadingbar()
|
||||
if (resp.code === 0) {
|
||||
this.prizeData = resp.data
|
||||
} else {
|
||||
this.notifyWarning(resp.msg)
|
||||
}
|
||||
},
|
||||
yearChange(val) {
|
||||
this.getActivityList(val)
|
||||
},
|
||||
async getActivityList(year) {
|
||||
this.pageForm.activityId = null
|
||||
this.activityList = []
|
||||
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 resp = await $.get('/jsz/common/getAllHd', this.pageForm)
|
||||
if (resp.code === 0) {
|
||||
resp.data = resp.data.filter(v => v.activityModel === 'stepCount')
|
||||
this.activityList = resp.data
|
||||
if (this.activityList) {
|
||||
this.pageForm.activityId = this.activityList[0]._id
|
||||
this.pageData()
|
||||
} else {
|
||||
this.prizeData = {}
|
||||
}
|
||||
}
|
||||
},
|
||||
exportExcel() {
|
||||
const data = this.prizeData[this.pageForm.currentSelectedType]
|
||||
if (!data) {
|
||||
this.notifyWarning('暂无数据！')
|
||||
return
|
||||
}
|
||||
const {activityId, currentSelectedType} = this.pageForm
|
||||
window.open(loc() + '/exportExcel?activityId=' + activityId + '¤tSelectedType=' + currentSelectedType)
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
await this.getActivityList(this.pageForm.currentSelectedType)
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,223 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<template>
|
||||
<el-card shadow="never">
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker :clearable="false"
|
||||
:picker-options="pickerOptions"
|
||||
@change="getAllHd"
|
||||
class="mr5" placeholder="选择年"
|
||||
type="year" v-model="pageForm.year"
|
||||
value-format="yyyy">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select filterable placeholder="请选择活动"
|
||||
@change="hdidChange" v-model="pageForm.hdid">
|
||||
<el-option :key="o._id" :label="o.name" :value="o._id"
|
||||
v-for="o in hdOptions"></el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-date-picker
|
||||
:picker-options="activityDatePickerOptions"
|
||||
end-placeholder="结束日期"
|
||||
range-separator="至"
|
||||
start-placeholder="开始日期"
|
||||
type="daterange"
|
||||
@change="activityDateChange"
|
||||
value-format="yyyy-MM-dd"
|
||||
v-model="pageForm.activityDate">
|
||||
</el-date-picker>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select @change="unionChange" clearable filterable
|
||||
placeholder="请选择所属工会" style="width: 350px" v-model="pageForm.unionId">
|
||||
<el-option
|
||||
:key="item.id"
|
||||
:label="item.unionname"
|
||||
:value="item.id"
|
||||
v-for="item in unionOptions">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-select @change="doSearch" clearable filterable
|
||||
placeholder="请选择所属单位" style="width: 350px" v-model="pageForm.unitId">
|
||||
<el-option
|
||||
:key="item.id"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
v-for="item in unitOptions">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</div>
|
||||
<div class="btn-group tool-button">
|
||||
<el-button @click="doSearch" icon="el-icon-search" type="primary"></el-button>
|
||||
</div>
|
||||
</el-card>
|
||||
<el-card class="mt20" shadow="never">
|
||||
<table-tool :app="this" label="参与列表">
|
||||
<template #func>
|
||||
|
||||
|
||||
<el-button @click="exportExcel" class="ml10" size="small" type="primary">导出</el-button>
|
||||
|
||||
</template>
|
||||
</table-tool>
|
||||
<el-table :data="tableData" :size="tableSize">
|
||||
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
||||
width="80px"></el-table-column>
|
||||
<el-table-column
|
||||
:label="column.label"
|
||||
:prop="column.prop"
|
||||
:sortable="column.sortable"
|
||||
align="center"
|
||||
header-align="center"
|
||||
show-overflow-tooltip
|
||||
v-for="column in tableColumns"
|
||||
>
|
||||
<template scope="{row}" v-if="column.prop==='registerNum'">
|
||||
<el-link @click="openView(row.id)" type="primary">
|
||||
{{row.registerNum}}
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tableColumns: [
|
||||
{label: '姓名', prop: 'username'},
|
||||
{label: '工号', prop: 'loginname'},
|
||||
{label: '单位', prop: 'unitname'},
|
||||
{label: '分工会', prop: 'unionname', sortable: true},
|
||||
{label: '当前步数', prop: 'step', sortable: true},
|
||||
{label: '日期', prop: 'prizeData', sortable: true}
|
||||
],
|
||||
unionOptions: [],
|
||||
unitOptions: [],
|
||||
hdOptions: [],
|
||||
pageForm: {
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
activityDate: [],
|
||||
year: new Date().getFullYear() + '',
|
||||
},
|
||||
pickerOptions: {
|
||||
disabledDate(time) {
|
||||
return (
|
||||
time.getFullYear() > new Date().getFullYear()
|
||||
);
|
||||
}
|
||||
},
|
||||
activityDatePickerOptions: {
|
||||
disabledDate: time => {
|
||||
/* return (
|
||||
time <= moment(this.pageForm.end_time).toDate() || time >= moment(this.pageForm.start_time).toDate()
|
||||
);*/
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
hdidChange(id) {
|
||||
const aa = clone(this.hdOptions)
|
||||
const bb = aa.find(v => v._id === id)
|
||||
this.$set(this.pageForm, "activityDate", [bb.start_time, bb.end_time])
|
||||
},
|
||||
exportExcel() {
|
||||
const {hdid, unionId, unitId, activityDate} = this.pageForm
|
||||
let activityDate1 = []
|
||||
if (activityDate && activityDate.length > 0) {
|
||||
activityDate1 = JSON.stringify(activityDate)
|
||||
}
|
||||
window.open(loc() + '/exportExcel?hdid=' + hdid + '&unionId=' + unionId + '&unitId=' + unitId + '&activityDate=' + activityDate1)
|
||||
},
|
||||
activityDateChange() {
|
||||
// this.$set(this.pageForm, "activityDate", [])
|
||||
},
|
||||
async unionChange(val) {
|
||||
this.pageForm.unitId = null
|
||||
this.unitOptions = await getUnits(val)
|
||||
this.doSearch()
|
||||
},
|
||||
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
|
||||
}
|
||||
data.map(v => {
|
||||
v.start_time = moment(v.start_time).format('YYYY-MM-DD')
|
||||
v.end_time = moment(v.end_time).format('YYYY-MM-DD')
|
||||
if (v.tag !== "") {
|
||||
v.name = (v.tag + "——" + v.name)
|
||||
}
|
||||
})
|
||||
|
||||
this.hdOptions = data
|
||||
if (this.hdOptions) {
|
||||
this.pageForm.hdid = this.hdOptions[0]._id
|
||||
this.pageForm.start_time = this.hdOptions[0].start_time
|
||||
this.pageForm.end_time = this.hdOptions[0].end_time
|
||||
this.$set(this.pageForm, "activityDate", [this.pageForm.start_time, this.pageForm.end_time])
|
||||
}
|
||||
},
|
||||
pageData() {
|
||||
sublime.showLoadingbar();
|
||||
this.tableLoading = true
|
||||
let pageForm = clone(this.pageForm)
|
||||
if (pageForm.activityDate && pageForm.activityDate.length > 0) {
|
||||
pageForm.activityDate = JSON.stringify(pageForm.activityDate)
|
||||
}
|
||||
$.post(loc() + "/pageData", pageForm, (data) => {
|
||||
sublime.closeLoadingbar();
|
||||
this.tableLoading = false
|
||||
if (data.code == 0) {
|
||||
this.tableData = data.data.list;
|
||||
this.pageForm.totalCount = data.data.totalCount;
|
||||
} else {
|
||||
this.$message.error(data.msg);
|
||||
}
|
||||
}, "json");
|
||||
},
|
||||
|
||||
},
|
||||
async created() {
|
||||
this.unionOptions = await getUnions(null)
|
||||
this.unitOptions = await getUnits(null)
|
||||
await this.getAllHd()
|
||||
this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user