first commit
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,200 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
|
||||
<el-card shadow="never">
|
||||
<div class="search">
|
||||
<div class="search-item">
|
||||
<div class="search-item-label">社团名称：</div>
|
||||
<div class="search-item-option">
|
||||
<el-select filterable placeholder="请选择社团" style="width: 100%;"
|
||||
v-model="pageForm.clubId">
|
||||
<el-option :label="item.name" :value="item.id" v-for="item in clubList"></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-button @click="doReview(false)" size="small" type="danger">批量拒绝</el-button>
|
||||
<el-button @click="doReview(true)" size="small" type="primary">批量通过</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
<el-table :data="tableData" :size="tableSize" @selection-change="handleSelectionChange"
|
||||
ref="table" :row-key="()=>{new Date().getTime()}">
|
||||
|
||||
<el-table-column :reserve-selection="true"
|
||||
type="selection"
|
||||
width="40">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column :index="indexMethod" align="center" header-align="center" label="序号" type="index"
|
||||
width="80px"></el-table-column>
|
||||
|
||||
<el-table-column label="社团名称" prop="name" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="社团编码" prop="code" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="社团类型" prop="typeName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="成员" prop="username" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="职务" prop="sf" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<el-lable v-if="scope.row.sf==1">会长</el-lable>
|
||||
<el-lable v-if="scope.row.sf==2">会员</el-lable>
|
||||
<el-lable v-if="scope.row.sf==3">副会长</el-lable>
|
||||
<el-lable v-if="scope.row.sf==4">秘书长</el-lable>
|
||||
<el-lable v-if="scope.row.sf==5">副秘书长</el-lable>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="职务变更" prop="changeSf" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<div v-if="scope.row.changeSf">
|
||||
<el-lable v-if="scope.row.changeSf==1">会长</el-lable>
|
||||
<el-lable v-if="scope.row.changeSf==2">会员</el-lable>
|
||||
<el-lable v-if="scope.row.changeSf==3">副会长</el-lable>
|
||||
<el-lable v-if="scope.row.changeSf==4">秘书长</el-lable>
|
||||
<el-lable v-if="scope.row.changeSf==5">副秘书长</el-lable>
|
||||
</div>
|
||||
<span v-else>暂无变更</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="变更时间" prop="sfChangeTime" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span v-if="row.changeSf !== undefined">{{ moment(row.create_time).format('YYYY-MM-DD') }}</span>
|
||||
<span v-else>暂无变更</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="状态" prop="state" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span v-if="row.state === 1 || row.status === 3">待校工会审核</span>
|
||||
</template>
|
||||
<template v-else slot-scope="scope">
|
||||
暂无状态
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="换届报告" prop="replaceReport" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<span style="color: #0e78c5; text-decoration: underline; cursor: pointer"
|
||||
@click="showDoc(scope.row)">{{getFileName(scope.row)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
<template #view>
|
||||
<club-regist-info ref="info"></club-regist-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
clubList: [],
|
||||
multipleSelection: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
showDoc(row) {
|
||||
if(row.replaceReport) {
|
||||
const file = JSON.parse(row.replaceReport)
|
||||
let pdfStreamUrl = encodeURIComponent(FILE_STREAM_PREVIEW_ADDRESS + '?id=' + file[0].id) //将路径转码
|
||||
window.open('/assets/platform/plugins/pdfJs/web/viewer.html?file=' + pdfStreamUrl, file[0].filename)
|
||||
}
|
||||
},
|
||||
getFileName(row) {
|
||||
if(row.replaceReport) {
|
||||
const file = JSON.parse(row.replaceReport)
|
||||
return file[0].filename
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
doReview(flag) {
|
||||
if(this.multipleSelection.length === 0) {
|
||||
this.$notify.warning({title: '警告', message: '请先在多选框中选择！'})
|
||||
return
|
||||
}
|
||||
const str = flag ? '通过' : '拒绝'
|
||||
this.$confirm('确定要批量审核' + str + '吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" === a) {//确认后再执行
|
||||
const array = this.multipleSelection.map(o => o.id)
|
||||
const resp = await $.post("/platform/sys/club/clubManagePersonAudit/doReview", {
|
||||
ids: JSON.stringify(array),
|
||||
isPass: flag,
|
||||
})
|
||||
if (resp.code === 0) {
|
||||
this.$message({message: '操作成功', type: 'success'})
|
||||
this.$refs.table.clearSelection()
|
||||
this.pageData()
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
async pageData() {
|
||||
const resp = await $.post("/platform/sys/club/clubManagePersonAudit/pageData", this.pageForm);
|
||||
if (resp.code === 0) {
|
||||
this.tableData = resp.data.list;
|
||||
this.pageForm.totalCount = resp.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: resp.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
async getAllClub() {
|
||||
const resp = await $.post("/platform/sys/club/clubManagePersonAudit/getAllClub");
|
||||
if (resp.code === 0) {
|
||||
this.clubList = resp.data;
|
||||
}
|
||||
},
|
||||
},
|
||||
async created(){
|
||||
await this.getAllClub()
|
||||
await this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,174 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.table_fixed {
|
||||
table-layout: fixed !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
|
||||
<template>
|
||||
<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
|
||||
placeholder="选择年度"
|
||||
type="year" style="width: 100%"
|
||||
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-input @keyup.enter.native="doSearch" clearable placeholder="请输入内容"
|
||||
clearable
|
||||
style="width: 100%" v-model="pageForm.name">
|
||||
</el-input>
|
||||
</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">
|
||||
<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="社团名称" prop="name" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="社团类型" prop="typeName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="申请时间" prop="create_time" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span>{{ moment(row.create_time).format('YYYY-MM-DD') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="成立时间" prop="create_time" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span>{{ moment(row.foundTime).format('YYYY-MM-DD') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系人" prop="fzrName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="发起人" prop="sponsorName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
|
||||
<el-table-column label="操作" width="300px">
|
||||
<template scope="{row}">
|
||||
<el-button @click="openView(row)" size="mini" type="primary">查看</el-button>
|
||||
<el-button @click="uploadRefreshReport(row)" size="mini" type="primary">上传换届报告</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<club-regist-info ref="info"></club-regist-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
<el-dialog width="40%" :visible.sync="refreshDialogVisible" title="上传换届报告">
|
||||
|
||||
<file-upload card :files.sync="replaceReport" :max="1" :type="['doc','docx']">
|
||||
</file-upload>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="refreshDialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="refreshDo">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'club-regist-info': httpVueLoader('/components/club/clubRegistInfo.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
name: ''
|
||||
},
|
||||
tableData: [],
|
||||
refreshDialogVisible: false,
|
||||
replaceReport: [],
|
||||
clickRow: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async refreshDo() {
|
||||
const confirm = await this.$confirm('您确定要上传换届报告吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
const resp = await $.post('/platform/sys/club/clubInfoManage/refreshDo', {
|
||||
id: this.clickRow.id,
|
||||
replaceReport: JSON.stringify(this.replaceReport)
|
||||
})
|
||||
if(resp.code === 0) {
|
||||
this.$message.success(resp.msg)
|
||||
this.refreshDialogVisible = false
|
||||
this.doSearch()
|
||||
}
|
||||
}
|
||||
},
|
||||
uploadRefreshReport(row) {
|
||||
this.clickRow = row
|
||||
this.replaceReport = []
|
||||
this.refreshDialogVisible = true
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.guava.view()
|
||||
this.$nextTick(() => {
|
||||
this.$refs.info.getInfo(id)
|
||||
})
|
||||
},
|
||||
async pageData() {
|
||||
const resp = await $.post("/platform/sys/club/clubInfoManage/refreshReportData", this.pageForm);
|
||||
if (resp.code === 0) {
|
||||
this.tableData = resp.data.list;
|
||||
this.pageForm.totalCount = resp.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
await this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,210 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.table_fixed {
|
||||
table-layout: fixed !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
|
||||
<template>
|
||||
<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
|
||||
placeholder="选择年度"
|
||||
type="year" style="width: 100%"
|
||||
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-input @keyup.enter.native="doSearch" clearable placeholder="请输入内容"
|
||||
clearable
|
||||
style="width: 100%" v-model="pageForm.name">
|
||||
</el-input>
|
||||
</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">
|
||||
<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="社团名称" prop="name" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="社团类型" prop="typeName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="申请时间" prop="create_time" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span>{{ moment(row.create_time).format('YYYY-MM-DD') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="成立时间" prop="create_time" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span>{{ moment(row.foundTime).format('YYYY-MM-DD') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系人" prop="fzrName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="发起人" prop="sponsorName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
|
||||
<el-table-column label="社团章程" prop="afterRulesFile" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<span style="color: #0e78c5; text-decoration: underline; cursor: pointer"
|
||||
@click="showDoc(scope.row)">{{getFileName(scope.row)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="审核状态" prop="ruleState" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<span v-if="scope.row.ruleState === 1">待校工会审核</span>
|
||||
<span v-if="scope.row.ruleState === 2">校工会审核拒绝</span>
|
||||
<span v-if="scope.row.ruleState === 3">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" width="200px">
|
||||
<template scope="{row}">
|
||||
<el-button @click="openView(row)" size="mini" type="primary">查看</el-button>
|
||||
<el-button @click="uploadRule(row)" size="mini" type="primary">章程修订</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<club-regist-info ref="info"></club-regist-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
<el-dialog width="40%" :visible.sync="ruleDialogVisible" title="章程修订">
|
||||
|
||||
<file-upload card :files.sync="ruleReport" :max="1" :type="['doc','docx']">
|
||||
</file-upload>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="ruleDialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="ruleDo">确定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'club-regist-info': httpVueLoader('/components/club/clubRegistInfo.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
name: ''
|
||||
},
|
||||
tableData: [],
|
||||
ruleDialogVisible: false,
|
||||
ruleReport: [],
|
||||
clickRow: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showDoc(row) {
|
||||
if(row.afterRulesFile) {
|
||||
const file = JSON.parse(row.afterRulesFile)
|
||||
let pdfStreamUrl = encodeURIComponent(FILE_STREAM_PREVIEW_ADDRESS + '?id=' + file[0].id) //将路径转码
|
||||
window.open('/assets/platform/plugins/pdfJs/web/viewer.html?file=' + pdfStreamUrl, file[0].filename)
|
||||
}
|
||||
},
|
||||
getFileName(row) {
|
||||
if(row.afterRulesFile && row.afterRulesFile !== '[]') {
|
||||
const file = JSON.parse(row.afterRulesFile)
|
||||
return file[0].filename
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
async ruleDo() {
|
||||
const confirm = await this.$confirm('您确定要修订章程吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
const resp = await $.post('/platform/sys/club/clubInfoManage/ruleDo', {
|
||||
id: this.clickRow.id,
|
||||
afterRulesFile: JSON.stringify(this.ruleReport)
|
||||
})
|
||||
if(resp.code === 0) {
|
||||
this.$message.success(resp.msg)
|
||||
this.ruleDialogVisible = false
|
||||
this.doSearch()
|
||||
}
|
||||
}
|
||||
},
|
||||
uploadRule(row) {
|
||||
/*if(row.afterRulesFile && row.ruleState === 1) {
|
||||
this.$message.warning('您已上传新的社团章程，待校工会审核')
|
||||
return
|
||||
}*/
|
||||
this.clickRow = row
|
||||
this.ruleReport = []
|
||||
this.ruleDialogVisible = true
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.guava.view()
|
||||
this.$nextTick(() => {
|
||||
this.$refs.info.getInfo(id)
|
||||
})
|
||||
},
|
||||
async pageData() {
|
||||
const resp = await $.post("/platform/sys/club/clubInfoManage/refreshReportData", this.pageForm);
|
||||
if (resp.code === 0) {
|
||||
this.tableData = resp.data.list;
|
||||
this.pageForm.totalCount = resp.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
await this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,220 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.table_fixed {
|
||||
table-layout: fixed !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava">
|
||||
|
||||
<template>
|
||||
<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
|
||||
placeholder="选择年度"
|
||||
type="year" style="width: 100%"
|
||||
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-input @keyup.enter.native="doSearch" clearable placeholder="请输入内容"
|
||||
clearable
|
||||
style="width: 100%" v-model="pageForm.name">
|
||||
</el-input>
|
||||
</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">
|
||||
<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="社团名称" prop="name" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="社团类型" prop="typeName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="申请时间" prop="create_time" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span>{{ moment(row.create_time).format('YYYY-MM-DD') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="成立时间" prop="create_time" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="{row}">
|
||||
<span>{{ moment(row.foundTime).format('YYYY-MM-DD') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="联系人" prop="fzrName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="发起人" prop="sponsorName" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
|
||||
<el-table-column label="社团章程" prop="afterRulesFile" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<span style="color: #0e78c5; text-decoration: underline; cursor: pointer"
|
||||
@click="showDoc(scope.row)">{{getFileName(scope.row)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="审核状态" prop="ruleState" sortable align="center" header-align="center"
|
||||
show-overflow-tooltip>
|
||||
<template scope="scope">
|
||||
<span v-if="scope.row.ruleState === 1">待校工会审核</span>
|
||||
<span v-if="scope.row.ruleState === 2">校工会审核拒绝</span>
|
||||
<span v-if="scope.row.ruleState === 3">审核通过</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" width="200px">
|
||||
<template scope="{row}">
|
||||
<el-button @click="openView(row)" size="mini" type="primary">查看</el-button>
|
||||
<el-button @click="audit(row)" size="mini" type="primary">审核</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<club-regist-info ref="info"></club-regist-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
<el-dialog width="40%" :visible.sync="dialogVisible" title="校工会审核">
|
||||
|
||||
<el-descriptions :column="2" border class="table_fixed">
|
||||
<el-descriptions-item :span="2" label="旧社团章程">
|
||||
<file-upload :files.sync="clickRow.rulesFile" view>
|
||||
</file-upload>
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="新社团章程">
|
||||
<file-upload :files.sync="clickRow.afterRulesFile" view>
|
||||
</file-upload>
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="auditDo(false)">拒绝</el-button>
|
||||
<el-button type="primary" @click="auditDo(true)">通过</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
components: {
|
||||
'club-regist-info': httpVueLoader('/components/club/clubRegistInfo.vue'),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
pageForm: {
|
||||
name: ''
|
||||
},
|
||||
tableData: [],
|
||||
dialogVisible: false,
|
||||
clickRow: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
showDoc(row) {
|
||||
if(row.afterRulesFile) {
|
||||
const file = JSON.parse(row.afterRulesFile)
|
||||
let pdfStreamUrl = encodeURIComponent(FILE_STREAM_PREVIEW_ADDRESS + '?id=' + file[0].id) //将路径转码
|
||||
window.open('/assets/platform/plugins/pdfJs/web/viewer.html?file=' + pdfStreamUrl, file[0].filename)
|
||||
}
|
||||
},
|
||||
getFileName(row) {
|
||||
if(row.afterRulesFile) {
|
||||
const file = JSON.parse(row.afterRulesFile)
|
||||
return file[0].filename
|
||||
} else {
|
||||
return ''
|
||||
}
|
||||
},
|
||||
async auditDo(pass) {
|
||||
const str = pass ? '通过' : '拒绝'
|
||||
const confirm = await this.$confirm('您确定要审核' + str + '吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm === "confirm") {
|
||||
const resp = await $.post('/platform/sys/club/schoolAuditRule/auditDo', {
|
||||
id: this.clickRow.id,
|
||||
pass: pass,
|
||||
})
|
||||
if(resp.code === 0) {
|
||||
this.$message.success(resp.msg)
|
||||
this.dialogVisible = false
|
||||
this.doSearch()
|
||||
}
|
||||
}
|
||||
},
|
||||
audit(row) {
|
||||
this.clickRow = clone(row)
|
||||
if(this.clickRow.afterRulesFile) {
|
||||
this.clickRow.afterRulesFile = JSON.parse(this.clickRow.afterRulesFile)
|
||||
}
|
||||
if(this.clickRow.rulesFile) {
|
||||
this.clickRow.rulesFile = JSON.parse(this.clickRow.rulesFile)
|
||||
}
|
||||
this.dialogVisible = true
|
||||
},
|
||||
doSearch() {
|
||||
this.pageForm.pageNumber = 1
|
||||
this.pageData()
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.guava.view()
|
||||
this.$nextTick(() => {
|
||||
this.$refs.info.getInfo(id)
|
||||
})
|
||||
},
|
||||
async pageData() {
|
||||
const resp = await $.post("/platform/sys/club/schoolAuditRule/pageData", this.pageForm);
|
||||
if (resp.code === 0) {
|
||||
this.tableData = resp.data.list;
|
||||
this.pageForm.totalCount = resp.data.totalCount;
|
||||
} else {
|
||||
this.$message({
|
||||
message: data.msg,
|
||||
type: 'error'
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
await this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user