420 lines
20 KiB
HTML
420 lines
20 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
<template>
|
|
|
|
<el-card shadow="never">
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.hdid" clearable @change="hdchange"
|
|
placeholder="请选择活动主题">
|
|
<el-option v-for="o in hdxxlist" :label="o.label"
|
|
:value="o.value"></el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.hdlb" placeholder="请选择活动类型" clearable
|
|
@change="hdlbchange">
|
|
<el-option v-for="o in hdlblist" :label="o.lname"
|
|
:value="o.lid"></el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select v-model="pageForm.zplb" placeholder="请选择作品类型" clearable>
|
|
<el-option v-for="o in hdzplblist" :label="o.zname"
|
|
:value="o.zid"></el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
|
|
clearable="true"
|
|
@change="flushUnits" @clear="flushUnits"
|
|
|
|
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
|
|
|
|
filterable="true">
|
|
<el-option v-for="item in unions" :label="item.unionname"
|
|
:value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-select placeholder="所属单位" v-model="pageForm.unitId" style="width: 100%;"
|
|
clearable="true"
|
|
filterable="true">
|
|
<el-option v-for="item in units" :label="item.name"
|
|
:value="item.id"></el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button mt5" v-if="pageForm.isAudit===null">
|
|
<el-select placeholder="审核状态" v-model="pageForm.stateId"
|
|
style="width: 200px;"
|
|
clearable
|
|
filterable>
|
|
<el-option label="待校工会审核" value="4200"></el-option>
|
|
<el-option label="校工会退回" value="4250"></el-option>
|
|
<el-option label="校工会拒绝" value="4300"></el-option>
|
|
<el-option label="审核通过" value="4400"></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>
|
|
|
|
</el-card>
|
|
|
|
|
|
<el-card class="mt20" shadow="never">
|
|
<vi-title2 title="作品列表">
|
|
<template #func>
|
|
<el-button type="primary" icon="el-icon-position" size="small" @click="openAudit" class="mr10"
|
|
:disabled="multipleSelection.length==0">
|
|
批量审核
|
|
</el-button>
|
|
<el-radio-group v-model="pageForm.isAudit" @change="doSearch" size="small">
|
|
<el-radio-button :label="null">全部</el-radio-button>
|
|
<el-radio-button :label="true">已审核</el-radio-button>
|
|
<el-radio-button :label="false">未审核</el-radio-button>
|
|
</el-radio-group>
|
|
</template>
|
|
</vi-title2>
|
|
<el-table :data="tableData" ref="table" @sort-change="pageOrder" row-key="id"
|
|
@selection-change="handleSelectionChange">
|
|
<el-table-column
|
|
reserve-selection
|
|
:selectable="(row)=>{return row.auditState=='4200'}"
|
|
type="selection"
|
|
width="55">
|
|
</el-table-column>
|
|
<el-table-column label="序号" type="index" header-align="center" align="center"
|
|
width="50">
|
|
<template scope="scope">
|
|
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column prop="hdname" label="活动主题" header-align="center" align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="username" label="教职工姓名" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="loginname" label="工资号" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="dwname" label="单位" header-align="center" align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="ghname" label="分工会" header-align="center" align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="hdlbname" label="活动类别" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="zplbname" label="作品类别" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="hdsbsj" label="上传时间" header-align="center" align="center"
|
|
show-overflow-tooltip>
|
|
</el-table-column>
|
|
<el-table-column align="center" prop="auditState" header-align="center"
|
|
label="审核状态" sortable>
|
|
<template scope="scope">
|
|
<span :style="'color:'+scope.row.stateColor">{{scope.row.stateName}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="操作" header-align="center" align="center" width="300">
|
|
<template slot-scope="scope">
|
|
<el-button size="mini" type="primary" @click="viewInfo(scope.row)">查看</el-button>
|
|
|
|
<el-button v-if="scope.row.auditState==='4200'"
|
|
type="primary" size="mini"
|
|
@click="openAudit(scope.row)">审核
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</el-card>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
<template #view>
|
|
<info ref="info" @playvideo="playvideo"></info>
|
|
</template>
|
|
|
|
<template #edit>
|
|
<template v-if="multipleSelection.length===0">
|
|
<info ref="info2" handle label="校工会审核" @playvideo="playvideo">
|
|
|
|
|
|
<template #handle>
|
|
|
|
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
|
style="padding: 20px 0"
|
|
label-width="120px">
|
|
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
|
</el-form-item>
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item prop="auditor" label="审核人员">
|
|
<el-input v-model="formData.username"
|
|
disabled></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="auditTime" label="审核时间">
|
|
<el-input v-model="formData.auditTime" disabled></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-form-item prop="auditOpinion" label="审核意见">
|
|
<el-input type="textarea" v-model="formData.auditOpinion" rows="4"
|
|
maxlength="500"
|
|
placeholder="请填写您的审核意见"></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="auditSign" label="签  字" class="is-required">
|
|
<sign :qz.sync="formData.auditSign"></sign>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<div style="float: right;margin: 20px 0">
|
|
<el-button @click="doReview(1)">拒绝</el-button>
|
|
<el-button @click="doReview(2)" type="warning">返回修改</el-button>
|
|
<el-button type="primary" @click="doReview(3)">通过</el-button>
|
|
</div>
|
|
</template>
|
|
|
|
</info>
|
|
</template>
|
|
<template v-else>
|
|
<el-form :model="formData" ref="form" :rules="formRules" label-position="right"
|
|
style="padding: 20px 0"
|
|
label-width="120px">
|
|
<el-form-item label="审核信息 " label-width="135px" class="view-header">
|
|
</el-form-item>
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item prop="auditor" label="审核人员">
|
|
<el-input v-model="formData.username"
|
|
disabled></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="auditTime" label="审核时间">
|
|
<el-input v-model="formData.auditTime" disabled></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row gutter="20">
|
|
<el-form-item>
|
|
<el-table :data="multipleSelection" max-height="500px">
|
|
<el-table-column prop="hdname" label="活动主题" header-align="center" align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="username" label="教职工姓名" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="loginname" label="工资号" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="dwname" label="单位" header-align="center" align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="ghname" label="分工会" header-align="center" align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="hdlbname" label="活动类别" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="zplbname" label="作品类别" header-align="center"
|
|
align="center"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column prop="hdsbsj" label="上传时间" header-align="center" align="center"
|
|
show-overflow-tooltip>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-form-item>
|
|
</el-row>
|
|
|
|
<el-form-item prop="auditOpinion" label="审核意见">
|
|
<el-input type="textarea" v-model="formData.auditOpinion" rows="4"
|
|
maxlength="500"
|
|
placeholder="请填写您的审核意见"></el-input>
|
|
</el-form-item>
|
|
|
|
<el-form-item prop="auditSign" label="签  字" class="is-required">
|
|
<sign :qz.sync="formData.auditSign"></sign>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<div style="float: right;margin: 20px 0">
|
|
<el-button @click="doReview(1)">拒绝</el-button>
|
|
<el-button @click="doReview(2)" type="warning">返回修改</el-button>
|
|
<el-button type="primary" @click="doReview(3)">通过</el-button>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
</guava>
|
|
|
|
<el-dialog :visible.sync="fileDialogVisible" class="filedialog" @close="filedialogClose"
|
|
:close-on-click-modal="false">
|
|
<div id="videoContainer"></div>
|
|
</el-dialog>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: "#app",
|
|
mixins: [initTableMixins],
|
|
data() {
|
|
return {
|
|
multipleSelection: [],
|
|
fileDialogVisible: false,
|
|
videoShow: false,
|
|
pageForm: {
|
|
isAudit: false
|
|
},
|
|
unions: [],
|
|
units: [],
|
|
hdxxlist: [],
|
|
hdlblist: [],
|
|
hdzplblist: [],
|
|
formRules: {
|
|
auditOpinion: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
},
|
|
}
|
|
},
|
|
components: {
|
|
'info': httpVueLoader('/components/hd/hdwmInfo.vue'),
|
|
},
|
|
methods: {
|
|
handleSelectionChange(val) {
|
|
this.multipleSelection = val;
|
|
},
|
|
filedialogClose() {
|
|
//关闭的时候需要销毁video 但是随之dom元素也会被删除！！！！
|
|
this.imgShow = false;
|
|
this.videoShow = false;
|
|
videojs('my-video').dispose();
|
|
},
|
|
playvideo(fjurl) {
|
|
this.fileDialogVisible = true;
|
|
this.videoShow = true;
|
|
this.$nextTick(function () {
|
|
let vc = document.getElementById('videoContainer');
|
|
let newVideo = document.createElement("div");//创建一个标签
|
|
newVideo.innerHTML = '<video id="my-video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto"></video>';
|
|
vc.appendChild(newVideo);
|
|
let option = {autoplay: false, language: 'zh-CN'};
|
|
let myPlayer = videojs('my-video', option, function onPlayerReady() {
|
|
let myPlayer = this;
|
|
myPlayer.src({src: fjurl, type: "video/mp4"});
|
|
/*videojs.log("播放器已经准备好了!");*/
|
|
//this.play();
|
|
});
|
|
})
|
|
},
|
|
doReview(flag) {
|
|
this.$refs["form"].validate(async (valid) => {
|
|
if (valid) {
|
|
const confirm = await this.$confirm('确定要' + (flag === 1 ? '拒绝' : flag === 2 ? '退回修改' : '通过审核') + '吗？', '提示', {
|
|
confirmButtonText: '确定',
|
|
cancelButtonText: '取消',
|
|
type: 'warning'
|
|
})
|
|
if (confirm === "confirm") {
|
|
this.formData.pass = flag
|
|
this.formData.ids = JSON.stringify(this.multipleSelection.map(v => v.id))
|
|
const resp = await $.post(loc() + "/doReview", this.formData)
|
|
if(resp.code===0){
|
|
this.$refs.table.clearSelection()
|
|
this.doSearch()
|
|
this.$refs.guava.index()
|
|
this.notifySuccess(resp.msg)
|
|
}else{
|
|
this.notifyWarning(resp.msg)
|
|
}
|
|
}
|
|
|
|
}
|
|
})
|
|
},
|
|
openAudit(row) {
|
|
this.$refs.guava.edit()
|
|
if (this.multipleSelection.length === 0) {
|
|
this.$refs.info2.getInfo(row.id)
|
|
}
|
|
const {id} = row
|
|
this.formData = {
|
|
id: id ? id : null,
|
|
username: "${@shiro.getPrincipalProperty('username')}",
|
|
loginname: "${@shiro.getPrincipalProperty('loginname')}",
|
|
auditTime: moment().format('YYYY-MM-DD'),
|
|
auditOpinion: '同意'
|
|
}
|
|
if (this.$refs['form']) {
|
|
this.$refs['form'].resetFields()
|
|
}
|
|
},
|
|
viewInfo(row) {
|
|
this.$refs.info.getInfo(row.id)
|
|
this.$refs.guava.view()
|
|
},
|
|
hdchange(id) {
|
|
this.$set(this.pageForm, 'hdlb', '');
|
|
this.$set(this.pageForm, 'zplb', '');
|
|
$.post('/platform/hd/childhd/zpxx/gethdlblist', {id: id}).then(data => {
|
|
if (data.code == 0) {
|
|
|
|
this.hdlblist = data.data;
|
|
}
|
|
});
|
|
},
|
|
hdlbchange(id) {
|
|
this.$set(this.pageForm, 'zplb', '');
|
|
$.post('/platform/hd/childhd/zpxx/gethdzplblist', {id: id}).then(data => {
|
|
if (data.code == 0) {
|
|
this.hdzplblist = data.data;
|
|
}
|
|
});
|
|
},
|
|
initHdxxlist() {
|
|
$.post(base + '/platform/hd/wmhd/initHdxxlist').then(data => {
|
|
if (data.code == 0) {
|
|
this.hdxxlist = data.data[0].children;
|
|
}
|
|
});
|
|
},
|
|
async flushUnits() {
|
|
this.$set(this.pageForm, "unitId", "")
|
|
if ("${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}" === 'true') {
|
|
this.units = await getUnits(this.pageForm.unionId)
|
|
} else {
|
|
this.units = await getUnits("${@shiro.getPrincipalProperty('unit').getUnionid()}")
|
|
}
|
|
},
|
|
},
|
|
async created() {
|
|
this.unions = await getUnions()
|
|
this.flushUnits()
|
|
this.initHdxxlist();
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
|
|
<!--#
|
|
}
|
|
#-->
|