first commit
This commit is contained in:
@@ -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