583 lines
22 KiB
HTML
583 lines
22 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: 360px;
|
|
}
|
|
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;
|
|
}
|
|
|
|
</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-select placeholder="请选择协会" :disabled="flag=='1'?false:true" v-model="pageForm.stid" clearable="true" filterable="true">
|
|
<el-option v-for="item in stOptions" :label="item.stmc" :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>
|
|
<!--#}#-->
|
|
|
|
|
|
</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" :show-overflow-tooltip="true" header-align="center" label="协会名称" prop="stmc"></el-table-column>
|
|
<el-table-column align="center" :show-overflow-tooltip="true" header-align="center" label="通知名称" prop="jhmc"></el-table-column>
|
|
<el-table-column align="center" :show-overflow-tooltip="true" header-align="center" label="通知内容" prop="jhnr"></el-table-column>
|
|
<el-table-column align="center" label="操作" width="240px">
|
|
<template slot-scope="scope">
|
|
<el-button @click="openInfo(scope)" size="mini">查看</el-button>
|
|
<el-button type="primary" v-if="flag!='1'" @click="openEdit(scope)" size="mini">编辑</el-button>
|
|
<el-button type="danger" v-if="flag!='1'" @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>
|
|
|
|
<transition name="el-zoom-in-center">
|
|
<div style="padding: 40px;margin-left: 150px;margin-right: 150px" v-show="addshow">
|
|
<div class="text-primary pointer" style="font-size: 20px" @click="isshow=true,addshow=false">
|
|
<i class="el-icon-arrow-left"></i>
|
|
返回
|
|
</div>
|
|
<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="24">
|
|
<el-form-item label="协会名称">
|
|
<el-select v-model="formData.stid" disabled filterable placeholder="请选择协会" style="width: 88%">
|
|
<el-option
|
|
v-for="item in stOptions"
|
|
:label="item.stmc"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row>
|
|
<el-col :span="24">
|
|
<el-form-item label="通知名称">
|
|
<el-input maxlength="100" placeholder="请输入通知名称"
|
|
v-model="formData.jhmc" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</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-form>
|
|
|
|
<span style="float: right;margin-top: 15px">
|
|
<el-button type="primary" @click="doAdd">确 定</el-button>
|
|
</span>
|
|
</div>
|
|
</transition>
|
|
<!-- <!–新增–>
|
|
<el-dialog title="创建活动计划" id="addDialog" class="dia" :close-on-click-modal="false"
|
|
v-if="addDialogVisible"
|
|
:visible.sync="addDialogVisible"
|
|
custom-class="ViewDialogClass" width="60%" 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="12">
|
|
<el-form-item label="协会名称">
|
|
<el-select v-model="formData.stid" disabled filterable placeholder="请选择协会" style="width: 88%">
|
|
<el-option
|
|
v-for="item in stOptions"
|
|
:label="item.stmc"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="通知名称">
|
|
<el-input maxlength="100" placeholder="请输入通知名称"
|
|
v-model="formData.jhmc" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</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-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>-->
|
|
|
|
<transition name="el-zoom-in-center">
|
|
<div style="padding: 40px;margin-left: 150px;margin-right: 150px" v-show="editshow">
|
|
<div class="text-primary pointer" style="font-size: 20px" @click="isshow=true,editshow=false">
|
|
<i class="el-icon-arrow-left"></i>
|
|
返回
|
|
</div>
|
|
<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="12">
|
|
<el-form-item label="协会名称">
|
|
<el-select v-model="editFormData.stid" filterable placeholder="请选择协会" style="width: 88%">
|
|
<el-option
|
|
v-for="item in stOptions"
|
|
:label="item.stmc"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="通知名称">
|
|
<el-input maxlength="100" placeholder="请输入通知名称"
|
|
v-model="editFormData.jhmc" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</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-form>
|
|
|
|
<span style="float: right;margin-top: 15px">
|
|
<el-button type="primary" @click="doEdit">确 定</el-button>
|
|
</span>
|
|
</div>
|
|
</transition>
|
|
|
|
|
|
<!-- <!–编辑–>
|
|
<el-dialog title="修改活动计划" id="editDialog" class="dia" :close-on-click-modal="false"
|
|
v-if="editDialogVisible"
|
|
:visible.sync="editDialogVisible"
|
|
custom-class="ViewDialogClass" width="60%" 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="12">
|
|
<el-form-item label="协会名称">
|
|
<el-select v-model="editFormData.stid" filterable placeholder="请选择协会" style="width: 88%">
|
|
<el-option
|
|
v-for="item in stOptions"
|
|
:label="item.stmc"
|
|
:value="item.id">
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item label="通知名称">
|
|
<el-input maxlength="100" placeholder="请输入通知名称"
|
|
v-model="editFormData.jhmc" style="width: 88%"
|
|
auto-complete="off" tabindex="4" type="text"></el-input>
|
|
</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-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>-->
|
|
|
|
<!--查看-->
|
|
<el-dialog title="查看" class="dia"
|
|
:visible.sync="infoDialogVisible" custom-class="ViewDialogClass" width="60%" top="3%">
|
|
|
|
<el-card>
|
|
<table style="width: 100%">
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="6" style="font-size: 18px;">{{viewData.stmc}}日常计划</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" >通知名称</td>
|
|
<td class="tpb" >{{viewData.jhmc}}</td>
|
|
</tr>
|
|
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpa" colspan="6" >活动主要内容</td>
|
|
</tr>
|
|
<tr style="border: 1px solid rgb(220,220,220);">
|
|
<td class="tpc" colspan="6"><div v-html="viewData.jhnr"></div></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</el-card>
|
|
|
|
</el-dialog>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
let nrEditor = null
|
|
var vue = new Vue({
|
|
el: "#app",
|
|
data: function () {
|
|
return {
|
|
/*列表*/
|
|
tableData:[],
|
|
pageForm:{
|
|
pageNumber:1,
|
|
pageSize:10,
|
|
totalCount:0,
|
|
searchKeyword:"",
|
|
stid:"",
|
|
},
|
|
stOptions:[],
|
|
|
|
/*新增*/
|
|
addDialogVisible:false,
|
|
formData:{
|
|
|
|
},
|
|
formRules:{
|
|
|
|
},
|
|
|
|
/*编辑*/
|
|
editDialogVisible:false,
|
|
editFormData:{
|
|
|
|
},
|
|
editFormRules:{
|
|
|
|
},
|
|
|
|
/*查看*/
|
|
infoDialogVisible:false,
|
|
viewData:[],
|
|
flag:"",
|
|
stid:"",
|
|
isshow:true,
|
|
addshow:false,
|
|
editshow:false
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
pageData:function () {
|
|
|
|
var self = this;
|
|
sublime.showLoadingbar();//显示loading
|
|
$.post(base + "/platform/hd/sthdgl/rchdjh/data", self.pageForm, function (data) {
|
|
sublime.closeLoadingbar();//关闭loading
|
|
if (data.code == 0) {
|
|
self.tableData = data.data.jhs.list;
|
|
for(var i=0; i < self.tableData.length; i++) {
|
|
self.tableData[i].jhnr = self.tableData[i].jhnr.replace(/<[^>]+>|&[^>]+;/g, "");
|
|
}
|
|
self.pageForm.totalCount=data.data.jhs.totalCount;
|
|
self.stOptions = data.data.stxx;
|
|
self.flag = data.data.flag;
|
|
self.stid = data.data.stid;
|
|
if(data.data.flag != "" && data.data.flag != null) {
|
|
self.pageForm.stid = 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 = {
|
|
hdxmid:"",
|
|
stid:self.stid,
|
|
};
|
|
self.addshow = true;
|
|
self.isshow=false;
|
|
|
|
self.$nextTick(function () {
|
|
//实例化编辑器
|
|
if (nrEditor==null){
|
|
nrEditor = new wangEditor("#nrEditor")
|
|
nrEditor.create()
|
|
|
|
}
|
|
});
|
|
|
|
|
|
},
|
|
doAdd:function () {
|
|
|
|
var self = this;
|
|
|
|
self.formData.jhnr = nrEditor.txt.text();
|
|
self.$refs["addForm"].validate(function (valid) {
|
|
if (valid) {
|
|
$.post(base + "/platform/hd/sthdgl/rchdjh/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'
|
|
});
|
|
}
|
|
}, "json");
|
|
}
|
|
});
|
|
},
|
|
|
|
/*编辑*/
|
|
openEdit:function (scope) {
|
|
|
|
var self = this;
|
|
|
|
$.post(base + "/platform/hd/sthdgl/rchdjh/findJh", {id:scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.editFormData = data.data;
|
|
self.editshow = true;
|
|
self.isshow=false;
|
|
|
|
self.$nextTick(function () {
|
|
//实例化编辑器
|
|
editnrEditor = new editnrEditor("#nrEditor")
|
|
editnrEditor.create()
|
|
|
|
|
|
if(data.data.jhnr!="" && data.data.jhnr!=null) {
|
|
editnrEditor.txt.text(data.data.jhnr);
|
|
}
|
|
|
|
|
|
});
|
|
}
|
|
}, "json");
|
|
|
|
},
|
|
doEdit:function () {
|
|
|
|
var self = this;
|
|
self.editFormData.jhnr = editnrEditor.getContent();
|
|
self.$refs["editForm"].validate(function (valid) {
|
|
if (valid) {
|
|
|
|
$.post(base + "/platform/hd/sthdgl/rchdjh/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;
|
|
$.post(base + "/platform/hd/sthdgl/rchdjh/findById", {id:scope.row.id}, function (data) {
|
|
if (data.code == 0) {
|
|
self.viewData = data.data;
|
|
self.infoDialogVisible = true;
|
|
}
|
|
}, "json");
|
|
},
|
|
|
|
/*删除*/
|
|
deleteDo:function (scope) {
|
|
|
|
var self = this;
|
|
|
|
self.$confirm("此操作将永久删除该计划, 是否继续?","温馨提示",{
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning',
|
|
callback:function (a,b) {
|
|
if("confirm" == a) {
|
|
$.post(base + "/platform/hd/sthdgl/rchdjh/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");
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
},
|
|
created:function () {
|
|
this.pageData();
|
|
},
|
|
watch:{
|
|
|
|
},
|
|
})
|
|
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |