1133 lines
48 KiB
HTML
1133 lines
48 KiB
HTML
<!--协会活动信息管理 djx 2019-07-08-->
|
|
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
|
|
.dia .el-dialog__body{
|
|
padding: 10px 20px;
|
|
}
|
|
.el-form--label-top .el-form-item__label {
|
|
padding: 0px;
|
|
}
|
|
.el-form{
|
|
margin-left: 30px;
|
|
}
|
|
.el-form-item__label{
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
}
|
|
.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
|
|
margin-bottom: 8px;
|
|
}
|
|
.el-divider--horizontal{
|
|
margin: 16px 0px;
|
|
}
|
|
.editor{
|
|
width: 100%;
|
|
height: 160px;
|
|
}
|
|
label{
|
|
margin-bottom: 0px;
|
|
}
|
|
.tpa {
|
|
padding: 8px;
|
|
text-align: center;
|
|
width:12%;
|
|
background-color: rgb(250,250,250);
|
|
border: 1px solid rgb(220,220,220);
|
|
}
|
|
.tpb {
|
|
padding: 8px;
|
|
text-align: center;
|
|
color: #a0a9b4;
|
|
width:16%;
|
|
border: 1px solid rgb(220,220,220);
|
|
}
|
|
.tpc {
|
|
padding: 8px;
|
|
color: #a0a9b4;
|
|
width:15%;
|
|
border: 1px solid rgb(220,220,220);
|
|
}
|
|
.el-card__body{
|
|
padding: 10px;
|
|
}
|
|
.el-input--suffix .el-input__inner{
|
|
padding-right: 0px;
|
|
}
|
|
.el-dropdown-menu__item{
|
|
padding: 0px 15px;
|
|
}
|
|
.el-date-editor .el-range-separator{
|
|
padding: 0px;
|
|
}
|
|
.el-range-editor.el-input__inner{
|
|
padding: 3px 6px;
|
|
}
|
|
.el-date-editor .el-range-input{
|
|
width: 42%;
|
|
}
|
|
.el-date-editor .el-range__close-icon{
|
|
width: 18px;
|
|
}
|
|
|
|
.v-0x2323544 {
|
|
text-align: center;
|
|
color: rgb(180, 180, 180);
|
|
}
|
|
|
|
.v-0x345756765 {
|
|
text-align: center;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<transition name="el-zoom-in-center">
|
|
<div style="padding: 10px" v-show="isshow">
|
|
<!--快捷查询-->
|
|
<el-row class="header navbar bg-white shadow">
|
|
<div class="btn-group tool-button mt5">
|
|
<el-input style="width:180px;" placeholder="可按活动名称查询" v-model="pageForm.searchKeyword" clearable></el-input>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select placeholder="请选择活动类型" v-model="pageForm.hdlx" style="width: 160px;" clearable="true" filterable="true">
|
|
<el-option v-for="item in queryHdlx" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select placeholder="请选择活动项目" v-model="pageForm.hdxm" style="width: 160px;" clearable="true" filterable="true">
|
|
<el-option v-for="item in queryHdxm" :label="item.name" :value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
|
</div>
|
|
|
|
<!--#if(@shiro.hasRole('sysadmin')){#-->
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button size="medium" @click="openAdd"><i class="ti-plus"></i> 创建协会活动</el-button>
|
|
</div>
|
|
<!--#}else{#-->
|
|
<div class="pull-right offscreen-right mt5">
|
|
<el-button size="medium" @click="openAdd" v-if="flag!='1'"><i class="ti-plus"></i> 创建协会活动</el-button>
|
|
</div>
|
|
<!--#}#-->
|
|
|
|
|
|
<div style=""></div>
|
|
</el-row>
|
|
|
|
<!--表格-->
|
|
<el-row class="el-table-container">
|
|
<el-table :data="tableData" size="small">
|
|
<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 align="center" width="160" :show-overflow-tooltip="true" header-align="center" label="协会活动名称" prop="hdmc"></el-table-column>
|
|
<el-table-column align="center" width="160" :show-overflow-tooltip="true" header-align="center" label="所属协会" prop="stmc"></el-table-column>
|
|
<el-table-column align="center" width="160" :show-overflow-tooltip="true" header-align="center" label="活动地点" prop="hddz"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="活动项目" prop="hdxm"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="活动负责人" prop="username" width="80px"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="报名开始时间" prop="bmkssj"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="报名结束时间" prop="bmjssj"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="活动开始时间" prop="hdks"></el-table-column>
|
|
<el-table-column align="center" header-align="center" label="已报名" prop="ybm" width="68px"></el-table-column>
|
|
<el-table-column align="center" label="操作" width="300px">
|
|
<template slot-scope="scope">
|
|
<el-button @click="openInfo(scope)" size="mini">查看</el-button>
|
|
<el-button type="primary" v-if="(curUser.id==scope.row.userid || curUser.id==scope.row.fzr)" @click="openEdit(scope)" size="mini">编辑</el-button>
|
|
<!--# if(@shiro.hasRole('sysadmin')){#-->
|
|
<el-button type="danger" @click="deleteDo(scope)" size="mini">删除</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, jumper"
|
|
:total="pageForm.totalCount">
|
|
</el-pagination>
|
|
</el-row>
|
|
</div>
|
|
</transition>
|
|
<!--新增-->
|
|
<el-dialog title="创建协会活动" id="addDialog" class="dia" :close-on-click-modal="false"
|
|
v-if="addDialogVisible"
|
|
:visible.sync="addDialogVisible"
|
|
custom-class="ViewDialogClass" width="66%" top="3%">
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">创建协会活动</span></el-divider>
|
|
<el-form :model="formData" label-position="top" ref="addForm" :rules="formRules" size="small" label-width="86px">
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="协会名称">
|
|
<el-select v-model="formData.stid" :disabled="(stidFlag!=null&&stidFlag!='')?true:false" filterable placeholder="请选择协会" style="width: 88%">
|
|
<el-option
|
|
v-for="item in stOptions"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="计划名称">
|
|
<el-select v-model="formData.jhid" filterable @change="jhSelChange" placeholder="请选择计划" style="width: 88%">
|
|
<el-option label="选择其他" value=""></el-option>
|
|
<el-option
|
|
v-for="item in hdjhOptions"
|
|
:label="item.jhmc"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动名称">
|
|
<el-input maxlength="100" placeholder="请输入活动名称"
|
|
v-model="formData.hdmc" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="活动负责人">
|
|
<el-select v-model="formData.fzr" @change="selChange" :remote-method="remoteMethod" filterable remote placeholder="请根据教工号、姓名、单位查询" style="width: 88%">
|
|
<el-option
|
|
v-for="item in fzrOptions"
|
|
:key="item.id"
|
|
:label="item.display"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="联系电话">
|
|
<el-input maxlength="100" placeholder="请输入联系电话"
|
|
v-model="formData.phone" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动地址">
|
|
<el-input maxlength="100" placeholder="请输入活动地址"
|
|
v-model="formData.hddz" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动类型">
|
|
<el-select v-model="formData.hdlxid" filterable placeholder="请选择活动类型" style="width: 88%">
|
|
<el-option
|
|
v-for="item in hdlxOptions"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动项目">
|
|
<el-select v-model="formData.hdxmid" filterable placeholder="请选择活动项目" style="width: 88%">
|
|
<el-option
|
|
v-for="item in hdxmOptions"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="活动经费预算">
|
|
<el-input maxlength="100" placeholder="请输入活动经费预算"
|
|
v-model="formData.jfys" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="number">
|
|
<template slot="append">元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="报名日期">
|
|
<el-date-picker
|
|
style="width: 96%"
|
|
value-format="yyyy-MM-dd"
|
|
format="yyyy-MM-dd"
|
|
v-model="addBm"
|
|
type="daterange"
|
|
range-separator="至"
|
|
start-placeholder="报名开始日期"
|
|
end-placeholder="报名结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动日期">
|
|
<el-date-picker
|
|
style="width: 96%"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
format="yyyy-MM-dd HH:mm:ss"
|
|
v-model="addHd"
|
|
type="datetimerange"
|
|
range-separator="至"
|
|
start-placeholder="活动开始日期"
|
|
end-placeholder="活动结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动人数限制">
|
|
<el-input maxlength="100" placeholder="请输入参与活动人数限制"
|
|
v-model="formData.cyrs" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="number"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<!-- <el-row>-->
|
|
<!-- <el-col :span="8">-->
|
|
<!-- <el-form-item label="是否推送日历">-->
|
|
<!-- <el-radio-group v-model="formData.sfrl">-->
|
|
<!-- <el-radio label="1">是</el-radio>-->
|
|
<!-- <el-radio label="2">否</el-radio>-->
|
|
<!-- </el-radio-group>-->
|
|
<!-- </el-form-item>-->
|
|
<!-- </el-col>-->
|
|
<!-- <el-col :span="16">-->
|
|
<!-- <el-form-item label="推送人员">-->
|
|
<!-- <el-checkbox-group v-model="formData.qx">-->
|
|
<!-- <el-checkbox label="H11">校活动管理员</el-checkbox>-->
|
|
<!-- <el-checkbox label="H04">院级工会管理员</el-checkbox>-->
|
|
<!-- <el-checkbox label="H01">会员用户</el-checkbox>-->
|
|
<!-- </el-checkbox-group>-->
|
|
<!-- </el-form-item>-->
|
|
<!-- </el-col>-->
|
|
<!-- </el-row>-->
|
|
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="活动主要内容">
|
|
<div id="nrEditor" ></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="活动宗旨">
|
|
<div id="zzEditor" ></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</el-form>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="addDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doAdd">确 定</el-button>
|
|
</span>
|
|
|
|
</el-dialog>
|
|
|
|
<!--编辑-->
|
|
<el-dialog title="编辑活动信息" id="editDialog" class="dia" :close-on-click-modal="false"
|
|
v-if="editDialogVisible"
|
|
:visible.sync="editDialogVisible"
|
|
custom-class="ViewDialogClass" width="66%" top="3%">
|
|
|
|
<el-divider content-position="left"><span style="color: rgb(121, 187, 255)">请确认以下信息</span></el-divider>
|
|
<el-form :model="editFormData" label-position="top" ref="editForm" :rules="editFormRules" size="small" label-width="86px">
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="协会名称">
|
|
<el-select v-model="editFormData.stid" filterable placeholder="请选择协会" style="width: 88%">
|
|
<el-option label="选择其他" value=""></el-option>
|
|
<el-option
|
|
v-for="item in stOptions"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="计划名称">
|
|
<el-select @change="editJhSelChange" filterable v-model="editFormData.jhid" placeholder="请选择计划" style="width: 88%">
|
|
<el-option label="选择其他" value=""></el-option>
|
|
<el-option
|
|
v-for="item in editHdjhOptions"
|
|
:label="item.jhmc"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动名称">
|
|
<el-input maxlength="100" placeholder="请输入活动名称"
|
|
v-model="editFormData.hdmc" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="活动负责人">
|
|
<el-select v-model="editFormData.fzr" @change="editSelChange" :remote-method="remoteMethod" filterable remote placeholder="请根据教工号、姓名、单位查询" style="width: 88%">
|
|
<el-option
|
|
v-for="item in fzrOptions"
|
|
:key="item.id"
|
|
:label="item.display"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="联系电话">
|
|
<el-input maxlength="100" placeholder="请输入联系电话"
|
|
v-model="editFormData.phone" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动地址">
|
|
<el-input maxlength="100" placeholder="请输入活动地址"
|
|
v-model="editFormData.hddz" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动类型">
|
|
<el-select v-model="editFormData.hdlxid" filterable placeholder="请选择活动类型" style="width: 88%">
|
|
<el-option
|
|
v-for="item in hdlxOptions"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动项目">
|
|
<el-select v-model="editFormData.hdxmid" filterable placeholder="请选择活动项目" style="width: 88%">
|
|
<el-option
|
|
v-for="item in hdxmOptions"
|
|
:label="item.name"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="8">
|
|
<el-form-item label="活动经费预算">
|
|
<el-input maxlength="100" placeholder="请输入活动经费预算"
|
|
v-model="editFormData.jfys" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="number">
|
|
<template slot="append">元</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="8">
|
|
<el-form-item label="报名日期">
|
|
<el-date-picker
|
|
style="width: 96%"
|
|
value-format="yyyy-MM-dd"
|
|
format="yyyy-MM-dd"
|
|
v-model="editBm"
|
|
type="daterange"
|
|
range-separator="至"
|
|
start-placeholder="报名开始日期"
|
|
end-placeholder="报名结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动日期">
|
|
<el-date-picker
|
|
style="width: 96%"
|
|
value-format="yyyy-MM-dd HH:mm:ss"
|
|
format="yyyy-MM-dd HH:mm:ss"
|
|
v-model="editHd"
|
|
type="datetimerange"
|
|
range-separator="至"
|
|
start-placeholder="活动开始日期"
|
|
end-placeholder="活动结束日期">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="活动人数限制">
|
|
<el-input maxlength="100" placeholder="请输入参与活动人数限制"
|
|
v-model="editFormData.cyrs" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="number"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="16">
|
|
<el-form-item label="推送人员">
|
|
<el-checkbox-group v-model="editFormData.qx">
|
|
<el-checkbox label="H11">校活动管理员</el-checkbox>
|
|
<el-checkbox label="H04">院级工会管理员</el-checkbox>
|
|
<el-checkbox label="H01">会员用户</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="是否推送日历">
|
|
<el-radio-group v-model="editFormData.sfrl">
|
|
<el-radio label="1">是</el-radio>
|
|
<el-radio label="2">否</el-radio>
|
|
</el-radio-group>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="活动主要内容">
|
|
<div id="editnrEditor" ></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="活动宗旨">
|
|
<div id="editzzEditor" ></div>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</el-form>
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
<el-button @click="editDialogVisible = false">取 消</el-button>
|
|
<el-button type="primary" @click="doEdit">确 定</el-button>
|
|
</span>
|
|
|
|
</el-dialog>
|
|
|
|
<!--查看-->
|
|
<transition name="el-zoom-in-center">
|
|
<div style="padding: 10px" v-show="!isshow">
|
|
<div class="text-primary pointer" style="font-size: 20px" @click="isshow=true">
|
|
<i class="el-icon-arrow-left"></i>
|
|
返回
|
|
</div>
|
|
<el-tabs v-model="xqactive">
|
|
<el-tab-pane label="活动详细信息" name="1">
|
|
<table class="table table-bordered">
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td colspan="6" class="text-center" style="font-size: 20px;background-color: #f5f5f5">
|
|
{{viewData.hdmc}}
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="v-0x345756765">主要负责人</td>
|
|
<td class="v-0x2323544" >{{viewData.username}}</td>
|
|
<td class="v-0x345756765">联系电话</td>
|
|
<td class="v-0x2323544" >{{viewData.phone}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="v-0x345756765">活动类型</td>
|
|
<td class="v-0x2323544" >{{viewData.hdlx}}</td>
|
|
<td class="v-0x345756765">活动项目</td>
|
|
<td class="v-0x2323544" >{{viewData.hdxm}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="v-0x345756765">活动经费</td>
|
|
<td class="v-0x2323544" >{{viewData.jfys}}</td>
|
|
<td class="v-0x345756765">成员人数</td>
|
|
<td class="v-0x2323544" >{{viewData.cyrs}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="v-0x345756765">报名开始时间</td>
|
|
<td class="v-0x2323544" >{{viewData.bmkssj}}</td>
|
|
<td class="v-0x345756765">报名截止时间</td>
|
|
<td class="v-0x2323544" >{{viewData.bmjssj}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="v-0x345756765">活动开始时间</td>
|
|
<td class="v-0x2323544" >{{viewData.hdks}}</td>
|
|
<td class="v-0x345756765">活动结束时间</td>
|
|
<td class="v-0x2323544" >{{viewData.hdjs}}</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="v-0x345756765">活动地址</td>
|
|
<td class="v-0x2323544" colspan="3" >{{viewData.hddz}}</td>
|
|
</tr>
|
|
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td colspan="6" class="text-center"
|
|
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">活动主要内容</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td colspan="6"><div v-html="viewData.hdnr" class="v-0x2323544"></div></td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td colspan="6" class="text-center"
|
|
style="font-size: 15px;border-top: 1px solid #e3e6f3;background-color: #f5f5f5">活动宗旨</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td colspan="6"><div v-html="viewData.hdzz" class="v-0x2323544"></div></td>
|
|
</tr>
|
|
</table>
|
|
</el-tab-pane>
|
|
|
|
<el-tab-pane label="活动报名情况" name="2">
|
|
<el-table :data="bmTableData" size="small" border :header-cell-style="{background:'#eef1f6',color:'#606266'}">
|
|
<el-table-column label="报名人员" prop="username" header-align="center" align="center" ></el-table-column>
|
|
<el-table-column label="所属单位" prop="name" header-align="center" align="center" ></el-table-column>
|
|
<el-table-column label="基层工会" prop="unionname" header-align="center" align="center" ></el-table-column>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
|
|
</el-tabs>
|
|
|
|
</div>
|
|
</transition>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
let nrEditor = null
|
|
let zzEditor = null
|
|
const vue = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
return {
|
|
/*列表*/
|
|
tableData:[],
|
|
pageForm:{
|
|
pageNumber:1,
|
|
pageSize:10,
|
|
totalCount:0,
|
|
searchKeyword:"",
|
|
hdlx:"",
|
|
hdxm:"",
|
|
},
|
|
queryHdlx:[],
|
|
queryHdxm:[],
|
|
|
|
/*新增*/
|
|
stidFlag:"",
|
|
addDialogVisible:false,
|
|
formData:{
|
|
hdxmid:"",
|
|
hdmc:"",
|
|
},
|
|
formRules:{
|
|
|
|
},
|
|
hdlxOptions:[],//活动类型
|
|
hdxmOptions:[],//活动项目
|
|
stOptions:[],
|
|
fzrOptions:[],
|
|
visible:false,
|
|
addBm:[],
|
|
addHd:[],
|
|
hdjhOptions:[],
|
|
|
|
/*编辑*/
|
|
editDialogVisible:false,
|
|
editFormData:{
|
|
hdlxid:"",
|
|
hdxmid:"",
|
|
},
|
|
editFormRules:{
|
|
|
|
},
|
|
editBm:[],
|
|
editHd:[],
|
|
editHdjhOptions:[],
|
|
|
|
/*查看*/
|
|
infoDialogVisible:false,
|
|
activeName: '1',
|
|
viewData:[],
|
|
bmTableData:[],
|
|
bmfs:"",
|
|
temp:[],
|
|
flag:"",
|
|
curUser:[],
|
|
|
|
editFlag:[],
|
|
isshow:true,
|
|
xqactive:"1"
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
pageData:function () {
|
|
|
|
var self = this;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/data", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.tableData = data.data.hds.list;
|
|
self.pageForm.totalCount=data.data.hds.totalCount;
|
|
self.hdlxOptions = data.data.hdlx;
|
|
self.queryHdlx = data.data.hdlx;
|
|
self.stOptions =data.data.stxx;
|
|
self.curUser = data.data.curUser;
|
|
self.hdjhOptions = data.data.hdjh;
|
|
if(data.data.stid!=null && data.data.stid!="") {
|
|
self.formData.stid = data.data.stid;
|
|
self.stidFlag = data.data.stid;
|
|
|
|
}
|
|
}
|
|
}, "json");
|
|
},
|
|
|
|
/*分页*/
|
|
pageSizeChange:function (val) {
|
|
this.pageForm.pageSize=val;
|
|
this.pageData();
|
|
},
|
|
pageNumberChange:function (val) {
|
|
this.pageForm.pageNumber=val;
|
|
this.pageData();
|
|
},
|
|
|
|
doSearch:function () {
|
|
this.pageForm.pageNumber = 1;
|
|
this.pageData();
|
|
},
|
|
|
|
/*新增*/
|
|
openAdd:function () {
|
|
|
|
var self = this;
|
|
self.formData = {
|
|
hdlxid:"",
|
|
hdxmid:"",
|
|
hdmc:"",
|
|
stid:self.stidFlag,
|
|
qx:[]
|
|
};
|
|
self.addDialogVisible = true;
|
|
if (self.$refs['addForm'] !== undefined) {
|
|
self.$refs['addForm'].resetFields();
|
|
}
|
|
|
|
|
|
self.$nextTick(function () {
|
|
//实例化编辑器
|
|
nrEditor = new wangEditor("#nrEditor")
|
|
nrEditor.create()
|
|
|
|
zzEditor = new wangEditor("#zzEditor")
|
|
zzEditor.create()
|
|
});
|
|
|
|
},
|
|
doAdd:function () {
|
|
|
|
var self = this;
|
|
|
|
if(self.addBm) {
|
|
self.formData.bmkssj = self.addBm[0];
|
|
self.formData.bmjssj = self.addBm[1];
|
|
}if(self.addHd) {
|
|
self.formData.hdkssj = self.addHd[0];
|
|
self.formData.hdjssj = self.addHd[1];
|
|
}
|
|
|
|
if(self.formData.hdkssj < self.formData.bmkssj || self.formData.hdkssj < self.formData.bmjssj) {
|
|
self.$alert("活动开始日期需在活动报名截止之后！","温馨提示",{
|
|
type:'warning',
|
|
closeOnPressEscape:true,
|
|
closeOnClickModal:true,
|
|
});
|
|
return;
|
|
}
|
|
|
|
self.formData.hdnr = nrEditor.txt.text();
|
|
self.formData.hdzz = zzEditor.txt.text();
|
|
self.formData.qx=self.formData.qx.toString();
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
const loading = self.$loading({
|
|
lock: true,
|
|
text: 'Loading',
|
|
spinner: 'el-icon-loading',
|
|
background: 'rgba(0, 0, 0, 0.7)'
|
|
});
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/addDo", self.formData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
self.addDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
loading.close();
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
|
|
remoteMethod:function (obj) {
|
|
var self = this;
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/findFzr", {obj:obj}, function (data) {
|
|
if (data.code == 0) {
|
|
self.fzrOptions = data.data;
|
|
}
|
|
}, "json");
|
|
},
|
|
selChange:function (obj) {
|
|
var self = this;
|
|
for(var i=0; i<self.fzrOptions.length; i++) {
|
|
if(self.fzrOptions[i].id == obj) {
|
|
vue.$set(self.formData,'phone',self.fzrOptions[i].mobile)
|
|
return;
|
|
}
|
|
}
|
|
},
|
|
editSelChange:function (obj) {
|
|
var self = this;
|
|
for(var i=0; i<self.fzrOptions.length; i++) {
|
|
if(self.fzrOptions[i].id == obj) {
|
|
vue.$set(self.editFormData,'phone',self.fzrOptions[i].mobile)
|
|
return;
|
|
}
|
|
}
|
|
},
|
|
|
|
jhSelChange:function (obj) {
|
|
var self = this;
|
|
if(obj == "" || obj == null){
|
|
self.formData.hdmc = "";
|
|
self.formData.hdlxid = "";
|
|
self.formData.hdxmid = "";
|
|
}else{
|
|
for(var i=0; i<self.hdjhOptions.length; i++) {
|
|
if(obj == self.hdjhOptions[i].id) {
|
|
self.formData.hdmc = self.hdjhOptions[i].jhmc;
|
|
if(self.hdjhOptions[i].hdlxid != null && self.hdjhOptions[i].hdlxid != "") {
|
|
self.formData.hdlxid = self.hdjhOptions[i].hdlxid;
|
|
}
|
|
if(self.hdjhOptions[i].hdxmid != null && self.hdjhOptions[i].hdxmid != "") {
|
|
setTimeout(function () {
|
|
self.formData.hdxmid = self.hdjhOptions[i].hdxmid;
|
|
},80)
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
editJhSelChange:function (obj) {
|
|
var self = this;
|
|
if(obj == "" || obj == null){
|
|
self.editFormData.hdmc = self.editFlag[0];
|
|
self.editFormData.hdlxid = self.editFlag[1];
|
|
self.editFormData.hdxmid = self.editFlag[2];
|
|
}else{
|
|
for(var i=0; i<self.editHdjhOptions.length; i++) {
|
|
if(obj == self.editHdjhOptions[i].id) {
|
|
self.editFormData.hdmc = self.editHdjhOptions[i].jhmc;
|
|
if(self.editHdjhOptions[i].hdlxid != null && self.editHdjhOptions[i].hdlxid != "") {
|
|
self.editFormData.hdlxid = self.editHdjhOptions[i].hdlxid;
|
|
}
|
|
if(self.editHdjhOptions[i].hdxmid != null && self.editHdjhOptions[i].hdxmid != "") {
|
|
setTimeout(function () {
|
|
self.editFormData.hdxmid = self.editHdjhOptions[i].hdxmid;
|
|
},80)
|
|
}
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
/*编辑*/
|
|
openEdit:function (scope) {
|
|
|
|
var self = this;
|
|
self.editBm=[];
|
|
self.editHd=[];
|
|
self.editHdjhOptions=[];
|
|
self.editFlag=[];
|
|
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/findSthd", {id:scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.editDialogVisible = true;
|
|
|
|
|
|
|
|
self.$nextTick(function () {
|
|
//实例化编辑器
|
|
editnrEditor = new wangEditor("#editnrEditor")
|
|
editnrEditor.create()
|
|
|
|
editzzEditor = new wangEditor("#editzzEditor")
|
|
editzzEditor.create()
|
|
|
|
|
|
if(data.data.sthd.hdnr!="" && data.data.sthd.hdnr!=null) {
|
|
editnrEditor.txt.text(data.data.sthd.hdnr);
|
|
}
|
|
|
|
if(data.data.sthd.hdzz!="" && data.data.sthd.hdzz!=null) {
|
|
editzzEditor.txt.text(data.data.sthd.hdzz);
|
|
}
|
|
});
|
|
|
|
self.hdxmOptions = data.data.hdxm;
|
|
self.editFormData = data.data.sthd;
|
|
if (data.data.sthd.qx!=null&&data.data.sthd.qx!=undefined){
|
|
this.editFormData.qx=this.editFormData.qx.split(",")
|
|
} else{
|
|
this.editFormData.qx=[];
|
|
}
|
|
self.fzrOptions = [{id:data.data.sthd.fzr,display:data.data.sthd.display}];
|
|
if(data.data.hdjh.length > 0) {
|
|
self.editHdjhOptions = data.data.hdjh;
|
|
}
|
|
self.editHdjhOptions.push({id:data.data.sthd.jhid,jhmc:data.data.sthd.jhmc,hdlxid:data.data.sthd.hdlxid,hdxmid:data.data.sthd.hdxmid});
|
|
|
|
if(data.data.sthd.bmkssj!="" && data.data.sthd.bmkssj!=null) {
|
|
self.editBm.push(data.data.sthd.bmkssj);
|
|
}
|
|
if(data.data.sthd.bmjssj!="" && data.data.sthd.bmjssj!=null) {
|
|
self.editBm.push(data.data.sthd.bmjssj);
|
|
}
|
|
if(data.data.sthd.hdkssj!="" && data.data.sthd.hdkssj!=null) {
|
|
self.editHd.push(data.data.sthd.hdkssj);
|
|
}
|
|
if(data.data.sthd.hdjssj!="" && data.data.sthd.hdjssj!=null) {
|
|
self.editHd.push(data.data.sthd.hdjssj);
|
|
}
|
|
self.editFlag.push(data.data.sthd.hdmc);
|
|
self.editFlag.push(data.data.sthd.hdlxid);
|
|
self.editFlag.push(data.data.sthd.hdxmid);
|
|
|
|
}
|
|
}, "json");
|
|
|
|
},
|
|
doEdit:function () {
|
|
|
|
var self = this;
|
|
if(self.editBm) {
|
|
self.editFormData.bmkssj = self.editBm[0];
|
|
self.editFormData.bmjssj = self.editBm[1];
|
|
}
|
|
if(self.editHd) {
|
|
self.editFormData.hdkssj = self.editHd[0];
|
|
self.editFormData.hdjssj = self.editHd[1];
|
|
}
|
|
|
|
self.editFormData.hdnr = editnrEditor.txt.text();
|
|
self.editFormData.hdzz = editzzEditor.txt.text();
|
|
self.$refs["editForm"].validate(function (valid) {
|
|
if (valid) {
|
|
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/editDo", self.editFormData, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
self.editDialogVisible = false;
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
|
|
/*查看*/
|
|
openInfo:function (scope) {
|
|
|
|
var self = this;
|
|
self.temp=scope.row;
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/findById", {id:scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.viewData = data.data.sthd;
|
|
self.bmTableData = data.data.cyry;
|
|
self.isshow = false;
|
|
}
|
|
}, "json");
|
|
},
|
|
|
|
/*删除*/
|
|
deleteDo:function (scope) {
|
|
|
|
var self = this;
|
|
|
|
/*if(scope.row.shjg == "1") {
|
|
self.$alert("状态为审核通过不可进行删除！","温馨提示",{
|
|
confirmButtonText: '确定',
|
|
type: 'error',
|
|
});
|
|
return;
|
|
}*/
|
|
self.$confirm("此操作将永久删除该活动, 是否继续?","温馨提示",{
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback:function (a,b) {
|
|
if("confirm" == a) {
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/deleteDo", {id:scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
} else {
|
|
self.$message({
|
|
message: data.msg,
|
|
type: 'error'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
sp:function (obj) {
|
|
var self = this;
|
|
if(obj == "3") {
|
|
self.visible = false;
|
|
self.$alert("状态为已审核不可进行此操作！","温馨提示",{
|
|
confirmButtonText: '确定',
|
|
type: 'error',
|
|
});
|
|
|
|
return;
|
|
}
|
|
$.post(base + "/platform/hd/sthdgl/hdxxgl/spSt", {id:self.temp.id,obj:obj}, function (data) {
|
|
if (data.code == 0) {
|
|
self.$message({
|
|
message: '操作成功',
|
|
type: 'success'
|
|
});
|
|
self.pageData();
|
|
self.infoDialogVisible = false;
|
|
}
|
|
}, "json");
|
|
},
|
|
},
|
|
created:function () {
|
|
this.pageData();
|
|
},
|
|
watch:{
|
|
"formData.hdlxid":function (obj) {
|
|
var self = this;
|
|
if(obj != "" && obj != null && obj!="undefined") {
|
|
self.formData.hdxmid = "";
|
|
$.post(base + "/platform/hd/xhdgl/xhdxxgl/findHdXm", {id:obj}, function (data) {
|
|
if (data.code == 0) {
|
|
self.hdxmOptions = data.data;
|
|
self.formData.hdxmid = data.data[0].id;
|
|
}
|
|
}, "json");
|
|
}
|
|
},
|
|
"editFormData.hdlxid":function (obj) {
|
|
var self = this;
|
|
if(obj != "" && obj != null && obj!="undefined") {
|
|
$.post(base + "/platform/hd/xhdgl/xhdxxgl/findHdXm", {id:obj}, function (data) {
|
|
if (data.code == 0) {
|
|
self.hdxmOptions = data.data;
|
|
var flag = 0;
|
|
for(var i=0; i<data.data.length; i++) {
|
|
if(data.data[i].id == self.editFlag[2]) {
|
|
flag = 1;
|
|
break;
|
|
}else{
|
|
flag = 2;
|
|
}
|
|
}
|
|
if(flag == 2) {
|
|
self.editFormData.hdxmid = data.data[0].id;
|
|
}else{
|
|
self.editFormData.hdxmid = self.editFlag[2];
|
|
}
|
|
}
|
|
}, "json");
|
|
}
|
|
},
|
|
"pageForm.hdlx":function (obj) {
|
|
var self = this;
|
|
if(obj != "" && obj != null && obj!="undefined") {
|
|
self.pageForm.hdxm = "";
|
|
$.post(base + "/platform/hd/xhdgl/xhdxxgl/findHdXm", {id:obj}, function (data) {
|
|
if (data.code == 0) {
|
|
self.queryHdxm = data.data;
|
|
self.pageForm.hdxm = data.data[0].id;
|
|
}
|
|
}, "json");
|
|
}
|
|
},
|
|
},
|
|
})
|
|
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#-->
|