227 lines
11 KiB
HTML
227 lines
11 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.el-form .el-select {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.wp-upload .wp-upload-button-select-file {
|
|
margin: 0 !important;
|
|
}
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
|
|
<template>
|
|
<el-card shadow="never">
|
|
<div class="btn-group tool-button">
|
|
<el-input placeholder="请输入内容" v-model="pageForm.searchKeyword">
|
|
<el-select placeholder="查询" slot="prepend" style="width: 100px;"
|
|
v-model="pageForm.searchName">
|
|
<el-option label="工号" value="u.loginname"></el-option>
|
|
<el-option label="姓名" value="u.username"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
<div class="btn-group tool-button">
|
|
<el-select filterable placeholder="请选择教代会" style="width:180px;" v-model="pageForm.teacherMeetId">
|
|
<el-option :key="item.id" :label="item.jdhallname" :value="item.id"
|
|
v-for="item in teacherMeets"></el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button">
|
|
<el-select @change="unionChange" clearable filterable placeholder="请选择工会"
|
|
v-model="pageForm.unionId">
|
|
<el-option :label="item.unionname" :value="item.id"
|
|
v-for="item in unionList">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
<div class="btn-group tool-button">
|
|
<el-select clearable filterable placeholder="请选择单位" v-model="pageForm.unitId">
|
|
<el-option
|
|
:label="item.name"
|
|
:value="item.id"
|
|
v-for="item in unitList">
|
|
</el-option>
|
|
</el-select>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button">
|
|
<el-button @click="doSearch" icon="el-icon-search" type="primary"></el-button>
|
|
</div>
|
|
|
|
<div class="pull-right offscreen-right">
|
|
<el-button @click="doAuditMany" icon="el-icon-check" size="medium" type="primary">批量通过</el-button>
|
|
</div>
|
|
|
|
<div class="pull-right offscreen-right mr25">
|
|
<el-radio-group @change="doSearch" size="medium" v-model="pageForm.isAudit">
|
|
<el-radio-button label="all">全部</el-radio-button>
|
|
<el-radio-button label="true">已审查</el-radio-button>
|
|
<el-radio-button label="false">待审查</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
|
|
</el-card>
|
|
|
|
<el-card class="mt20" shadow="never">
|
|
<el-table :data="tableData" :row-key="(row)=>row.id" @selection-change="(val)=>{selections = val}"
|
|
@sort-change='pageOrder'>
|
|
<el-table-column reserve-selection 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 align="center" label="姓名" prop="userName" width="80"></el-table-column>
|
|
<el-table-column align="center" label="工号" prop="loginName"></el-table-column>
|
|
<el-table-column align="center" label="性别" prop="sex" width="50"></el-table-column>
|
|
<el-table-column align="center" label="民族" prop="nation"></el-table-column>
|
|
<el-table-column align="center" label="政治面貌" prop="politicalOutlook"
|
|
show-overflow-tooltip></el-table-column>
|
|
<el-table-column align="center" label="学历" prop="education"></el-table-column>
|
|
<el-table-column align="center" label="技术职称" prop="technicalTitle"></el-table-column>
|
|
<el-table-column align="center" label="年龄" prop="age" width="50"></el-table-column>
|
|
<el-table-column align="center" label="教学科研及双肩挑人员" prop="twoWork">
|
|
<template scope="{row}">
|
|
<el-checkbox :style="{'pointer-events':row.stateCode===0?'auto':'none'}"
|
|
v-model="row.twoWork"></el-checkbox>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="教代会代表" prop="isJdh">
|
|
<template scope="{row}">
|
|
<el-checkbox :style="{'pointer-events':row.stateCode===0?'auto':'none'}"
|
|
v-model="row.isJdh"></el-checkbox>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column align="center" label="工代会代表" prop="isGdh">
|
|
<template scope="{row}">
|
|
<el-checkbox :style="{'pointer-events':row.stateCode===0?'auto':'none'}"
|
|
v-model="row.isGdh"></el-checkbox>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
<el-table-column label="备注" prop="bz" show-overflow-tooltip></el-table-column>
|
|
<el-table-column label="分工会" prop="unionname" show-overflow-tooltip></el-table-column>
|
|
|
|
<el-table-column label="状态" prop="stateName" sortable></el-table-column>
|
|
<el-table-column align="center" label="操作" v-if="pageForm.isAudit!=='true'" width="150">
|
|
<template slot-scope="{row}">
|
|
<el-button @click="doAudit(row.id,true)" size="mini" type="success"
|
|
v-if="row.stateCode===100">通过
|
|
</el-button>
|
|
<el-button @click="doAudit(row.id,false)" size="mini" type="danger"
|
|
v-if="row.stateCode===100">拒绝
|
|
</el-button>
|
|
|
|
<!-- <el-dropdown @command="dropdownCommand">-->
|
|
<!-- <el-button plain size="mini">-->
|
|
<!-- <i class="ti-settings"></i>-->
|
|
<!-- <span class="ti-angle-down"></span>-->
|
|
<!-- </el-button>-->
|
|
<!-- <el-dropdown-menu slot="dropdown">-->
|
|
<!-- <el-dropdown-item :command="{type:'view',data:row}">-->
|
|
<!-- 查看-->
|
|
<!-- </el-dropdown-item>-->
|
|
<!-- <el-dropdown-item v-if="row.stateCode===100"-->
|
|
<!-- :command="{type:'doAudit',id:row.id,result:true}">-->
|
|
<!-- 通过-->
|
|
<!-- </el-dropdown-item>-->
|
|
<!-- <el-dropdown-item v-if="row.stateCode===100"-->
|
|
<!-- :command="{type:'doAudit',id:row.id,result:false}">-->
|
|
<!-- 拒绝-->
|
|
<!-- </el-dropdown-item>-->
|
|
<!-- </el-dropdown-menu>-->
|
|
<!-- </el-dropdown>-->
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</el-card>
|
|
</template>
|
|
|
|
<template #view>
|
|
<db-info :active="'1'" ref="delegateInfo"></db-info>
|
|
</template>
|
|
</guava>
|
|
</div>
|
|
<script>
|
|
let vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
components: {
|
|
'db-info': httpVueLoader('/components/jdh/dbinfo.vue')
|
|
},
|
|
data() {
|
|
return {
|
|
teacherMeets: [],
|
|
tableData: [],
|
|
unionList: [],
|
|
unitList: [],
|
|
pageForm: {
|
|
isAudit: false
|
|
},
|
|
selections: []
|
|
}
|
|
},
|
|
methods: {
|
|
dropdownCommand(command) {
|
|
const {type, id, result} = command
|
|
switch (type) {
|
|
case 'view': {
|
|
this.$refs.guava.view()
|
|
this.$refs.delegateInfo.openView('00mtsco13mgitql1pdblo7v5li')
|
|
break
|
|
}
|
|
case 'doAudit': {
|
|
this.doAudit([id], result)
|
|
break
|
|
}
|
|
}
|
|
},
|
|
async doAudit(id, result) {
|
|
let ids = [].concat(id)
|
|
console.log(ids)
|
|
const resp = await $.post('/platform/teacherMeet/delegate/audit/doAudit', {ids, result})
|
|
if (resp.code === 0) {
|
|
this.$notify.success(resp.msg)
|
|
this.doSearch()
|
|
} else {
|
|
this.$notify.error(resp.msg)
|
|
}
|
|
},
|
|
doAuditMany() {
|
|
if (this.selections.length === 0) {
|
|
this.$notify.warning('请先勾选需要批量审核的数据')
|
|
return
|
|
}
|
|
const ids = this.selections.map(v => v.id)
|
|
this.doAudit(ids, true)
|
|
this.selections = []
|
|
},
|
|
|
|
async unionChange(val) {
|
|
this.$set(this.pageForm, 'unitId', null)
|
|
this.unitList = await getUnit(val)
|
|
}
|
|
|
|
},
|
|
async created() {
|
|
this.teacherMeets = await teacherMeet.getOpenJdh()
|
|
if (this.teacherMeets.length > 0) {
|
|
this.pageForm.teacherMeetId = this.teacherMeets[0].id
|
|
}
|
|
this.unionList = await getUnion()
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
<!--#
|
|
}
|
|
#-->
|
|
|