first commit
This commit is contained in:
@@ -0,0 +1,405 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.el-select, .el-date-editor {
|
||||
width: 100% !important;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<guava ref="guava">
|
||||
<el-card shadow="never">
|
||||
<el-row type="flex" :gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-date-picker
|
||||
v-model="pageForm.year"
|
||||
type="year"
|
||||
value-format="yyyy"
|
||||
placeholder="授予年度">
|
||||
</el-date-picker>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-select v-model="pageForm.honorType"
|
||||
placeholder="请选择荣誉类型"
|
||||
@change="honorTypeChange">
|
||||
<el-option v-for="o in honorTypeList"
|
||||
:key="o.id"
|
||||
:label="o.name"
|
||||
:value="o.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-select v-model="pageForm.prize"
|
||||
filterable
|
||||
placeholder="请选择荣誉奖项"
|
||||
clearable>
|
||||
<el-option v-for="o in honorPrizeList"
|
||||
:key="o.id"
|
||||
:label="o.name"
|
||||
:value="o.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-select v-model="pageForm.honorLevel"
|
||||
placeholder="请选择荣誉级别"
|
||||
clearable>
|
||||
<el-option v-for="o in honorLevelList"
|
||||
:key="o.id"
|
||||
:label="o.name"
|
||||
:value="o.id"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<el-row type="flex" class="mt15" :gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-input v-model="pageForm.userName">
|
||||
<template slot="prepend">姓名</template>
|
||||
</el-input>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-select v-model="pageForm.unionName"
|
||||
placeholder="请选择获奖工会"
|
||||
@change="doSearch"
|
||||
clearable>
|
||||
<el-option v-for="o in unionList"
|
||||
:key="o.id"
|
||||
:label="o.unionname"
|
||||
:value="o.unionname"
|
||||
></el-option>
|
||||
</el-select>
|
||||
|
||||
<!-- <el-input v-model="pageForm.unionName">-->
|
||||
<!-- <template slot="prepend">获奖工会</template>-->
|
||||
<!-- </el-input>-->
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
||||
<el-button type="primary" icon="el-icon-search" @click="doExport">导出</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="mt20">
|
||||
<vi-title title="荣誉列表"></vi-title>
|
||||
<el-table :data="tableData">
|
||||
<el-table-column label="序号" type="index" header-align="center" align="center"
|
||||
width="50"></el-table-column>
|
||||
<template v-if="pageForm.honorType===HonorApi.honor_single_id">
|
||||
<el-table-column prop="userName" label="姓名" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<el-table-column prop="loginName" label="工号" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<el-table-column prop="unionName" label="所属工会" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<el-table-column prop="unitName" label="所属单位" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
</template>
|
||||
<template v-if="pageForm.honorType===HonorApi.honor_list_id">
|
||||
<el-table-column prop="applyUnionName" label="申报院级工会" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<el-table-column prop="gameName" label="参加比赛名称" header-align="center" align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
</template>
|
||||
<el-table-column prop="prizeName" label="奖项" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<!--<el-table-column prop="prizeDesc" label="奖项说明" header-align="center" align="center"></el-table-column>-->
|
||||
<el-table-column prop="typeName" label="荣誉类型" header-align="center" align="center"></el-table-column>
|
||||
<el-table-column prop="levelName" label="级别" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<el-table-column prop="grantUnit" label="授予单位" header-align="center" align="center"
|
||||
show-overflow-tooltip></el-table-column>
|
||||
<el-table-column prop="grantDate" label="授予时间" header-align="center" align="center"
|
||||
sortable></el-table-column>
|
||||
<!--<el-table-column prop="archiveStatus" label="存档情况" header-align="center"
|
||||
align="center"></el-table-column>-->
|
||||
<el-table-column prop="awardMaterialsExcel" label="获奖材料" header-align="center"
|
||||
align="center"></el-table-column>
|
||||
|
||||
|
||||
<el-table-column align="center" header-align="center" label="操作" fixed="right" width="100px">
|
||||
<template scope="{row}">
|
||||
<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',row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
|
||||
<!--#if(@shiro.hasRole('sysadmin')){#-->
|
||||
<el-dropdown-item :command="{type:'edit',row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :command="{type:'delete',row}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
<!--#}#-->
|
||||
|
||||
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
</el-card>
|
||||
|
||||
<template #view>
|
||||
<el-form label-suffix="：" label-position="left" style="padding: 20px 0">
|
||||
<vi-title title="基础信息"></vi-title>
|
||||
<el-row gutter="20" v-if="viewData.honorType===HonorApi.honor_single_id">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="获奖姓名">
|
||||
{{ viewData.userName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="申请人性别">
|
||||
{{ viewData.userSex }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="在职状态">
|
||||
{{ viewData.jobStatus }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="所属单位">
|
||||
{{ viewData.unitName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="所属工会">
|
||||
{{ viewData.unionName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-form-item label="担任工会职务">
|
||||
{{ viewData.post }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="职称">
|
||||
{{ viewData.title }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="生日">
|
||||
{{ viewData.birthday }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="政治面貌">
|
||||
{{ viewData.political }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="加入工会时间">
|
||||
{{ viewData.joinTime }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row gutter="20" v-else>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="申报院级工会">
|
||||
{{ viewData.applyUnionName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="工会主席">
|
||||
{{ viewData.unionLeader }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="会员人数">
|
||||
{{ viewData.memberNumber }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="工会小组数">
|
||||
{{ viewData.unionGroupNumber }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--<el-col :span="6">
|
||||
<el-form-item label="单位负责人">
|
||||
{{ viewData.unitLeader }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="单位人数">
|
||||
{{ viewData.unitPeopleNum }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="单位女职工人数">
|
||||
{{ viewData.unitFemalePeopleNum }}
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
</el-row>
|
||||
<vi-title title="获奖信息"></vi-title>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-form-item label="奖项">
|
||||
{{ viewData.prizeName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--<el-col :span="6">
|
||||
<el-form-item label="奖项说明">
|
||||
{{ viewData.prizeDesc }}
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="6">
|
||||
<el-form-item label="级别">
|
||||
{{ viewData.levelName }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="授予单位">
|
||||
{{ viewData.grantUnit }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="授予时间">
|
||||
{{ viewData.grantDate }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!--<el-col :span="6">
|
||||
<el-form-item label="存档情况">
|
||||
{{ viewData.archiveStatus }}
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
<el-col :span="6">
|
||||
<el-form-item label="获奖材料">
|
||||
{{ viewData.awardMaterialsExcel }}
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<vi-title title="附件"></vi-title>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-form-item prop="user_name" label="附  件">
|
||||
<file-upload v-if="viewData.files&&viewData.files.length"
|
||||
:files="viewData.files"
|
||||
:view="true"></file-upload>
|
||||
<span v-else>暂无</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</el-form>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var vue = new Vue({
|
||||
el: "#app",
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
viewData: {},
|
||||
pageForm: {
|
||||
year: "",
|
||||
honorType: "",
|
||||
prize: "",
|
||||
honorLevel: "",
|
||||
userName: "",
|
||||
unitName: ""
|
||||
},
|
||||
honorTypeList: [],
|
||||
honorLevelList: [],
|
||||
honorAwardList: [],
|
||||
honorPrizeList: [],
|
||||
unionList:[],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
},
|
||||
methods: {
|
||||
dropdownCommand(command) {
|
||||
const {type, row} = command
|
||||
if (type === 'edit') {
|
||||
this.openEdit(row)
|
||||
} else if (type === 'delete') {
|
||||
this.doDelete(row)
|
||||
} else if (type === 'view') {
|
||||
this.openView(row)
|
||||
}
|
||||
},
|
||||
openView(row) {
|
||||
if(row.files) {
|
||||
row.files = JSON.parse(row.files)
|
||||
}
|
||||
this.viewData = row
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
doExport() {
|
||||
const {year, honorType, prize, honorLevel, userName, unitName} = this.pageForm
|
||||
window.location.href = "/platform/honor/manage/doExport?year="
|
||||
+ year + "&honorType=" + honorType
|
||||
+ "&prize=" + prize
|
||||
+ "&honorLevel=" + honorLevel
|
||||
+ "&userName" + userName
|
||||
+ "&unitName" + unitName
|
||||
},
|
||||
openEdit(row) {
|
||||
window.location.href = "/platform/honor/registration?id=" + row.id
|
||||
},
|
||||
async doDelete(row) {
|
||||
const {id} = row
|
||||
const confirm = await this.$confirm('确定要删除该记录吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if ("confirm" === confirm) {
|
||||
this.$set(row, "loading", true)
|
||||
const resp = await $.post(loc() + "/doDelete", {id: id});
|
||||
if (resp.code === 0) {
|
||||
this.$notify.success({title: '成功', message: resp.msg});
|
||||
this.doSearch()
|
||||
} else {
|
||||
this.$notify.error({title: '失败', message: resp.msg});
|
||||
}
|
||||
}
|
||||
},
|
||||
async initData() {
|
||||
this.honorTypeList = await HonorApi.getHonorType()
|
||||
if (this.honorTypeList) {
|
||||
this.$set(this.pageForm, "honorType", this.honorTypeList[0].id)
|
||||
this.honorPrizeList = await HonorApi.getHonorPrize(this.pageForm.honorType)
|
||||
}
|
||||
this.honorLevelList = await HonorApi.getHonorLevel()
|
||||
this.honorAwardList = await HonorApi.getHonorAwardType()
|
||||
this.unionList = await getUnions();
|
||||
}
|
||||
,
|
||||
async honorTypeChange(val) {
|
||||
this.honorPrizeList = await HonorApi.getHonorPrize(val)
|
||||
this.doSearch()
|
||||
}
|
||||
,
|
||||
},
|
||||
async created() {
|
||||
await this.initData()
|
||||
await this.pageData()
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user