Files
2026-09-08 19:49:21 +08:00

357 lines
17 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!--#
layout("/layouts/platform.html"){
#-->
<div id="app" v-cloak>
<transition name="el-zoom-in-center">
<div v-show="v=='index'" style="width: 100%;position: absolute;top: 0;left: 0">
<el-row class="header navbar bg-white shadow">
<div class="btn-group tool-button mt5">
<el-date-picker
v-model="pageForm.year"
type="year"
placeholder="年份">
</el-date-picker>
</div>
<div class="btn-group tool-button mt5">
<el-select placeholder="荣誉类型" v-model="pageForm.jtlx">
<el-option value="1" label="工会工作先进工作者"></el-option>
<el-option value="2" label="工会工作积极分子"></el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-button type="primary" @click="doSearch" icon="el-icon-search"></el-button>
</div>
</el-row>
<el-row class="el-table-container">
<el-table :data="tableData" @sort-change='pageOrder'>
<el-table-column label="序号" type="index" header-align="center" align="center">
<template scope="scope">
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
</template>
</el-table-column>
<template v-for="item in tabcol">
<el-table-column header-align="center" align="center" :prop="item.prop"
:label="item.label"></el-table-column>
</template>
<el-table-column label="奖项类型" header-align="center" align="center">
<template scope="scope">
<span v-if="scope.row.jtlx=='1'">工会工作先进工作者</span>
<span v-if="scope.row.jtlx=='2'">工会工作积极分子</span>
</template>
</el-table-column>
<el-table-column label="状态" header-align="center" align="center">
<template scope="scope">
<span v-if="scope.row.sqzt=='0'">未提交</span>
<span v-if="scope.row.sqzt=='1'">待部门工会审核</span>
<span v-if="scope.row.sqzt=='2'">部门工会审核不通过</span>
<span v-if="scope.row.sqzt=='3'">待院级党组织审核</span>
<span v-if="scope.row.sqzt=='4'">院级党组织审核不通过</span>
<span v-if="scope.row.sqzt=='5'">待校工会审批</span>
<span v-if="scope.row.sqzt=='6'">校工会审批不通过</span>
<span v-if="scope.row.sqzt=='7'">通过</span>
</template>
</el-table-column>
<el-table-column label="操作" header-align="center" align="center">
<template slot-scope="{row}">
<el-dropdown @command="({func, data})=>{func(data)}">
<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="{func:openView,data:row}">
查看
</el-dropdown-item>
<el-dropdown-item :command="{func:openEdit,data:row}"
:disabled="row.sqzt!=='1'">
审核
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
</el-table-column>
</el-table>
</el-row>
<el-row class="el-pagination-container">
<el-pagination
@current-change="pageNumberChange"
:current-page="pageForm.pageNumber"
:page-size="pageForm.pageSize"
layout="total, prev, pager, next, jumper"
:total="pageForm.totalCount">
</el-pagination>
</el-row>
</div>
</transition>
<transition name="el-zoom-in-center">
<div v-show="v=='edit'"
style="width: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0">
<el-card class="box-card v-box" shadow="never">
<div slot="header" class="clearfix">
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 16px">返回
</el-button>
</div>
<div style="padding: 0 5%; height:calc(100vh - 150px);overflow-y: scroll">
<el-form :model="formData" ref="AddForm" :rules="rules" label-width="130px"
:disabled="v=='view'?true:false">
<el-form-item label="荣誉类型">
<el-radio v-model="formData.jtlx" disabled label="1">工会工作先进工作者</el-radio>
<el-radio v-model="formData.jtlx" disabled label="2">工会工作积极分子</el-radio>
</el-form-item>
<el-form-item label="姓名">
<span>{{formData.username}}</span>
</el-form-item>
<el-form-item label="性别">
<span>{{formData.sex}}</span>
</el-form-item>
<el-form-item label="出生年月">
<span>{{formData.csrq}}</span>
</el-form-item>
<el-form-item label="职务">
<span>{{formData.ghzw}}</span>
</el-form-item>
<el-form-item label="单位名称">
<span>{{formData.unitname}}</span>
</el-form-item>
<el-form-item label="主要先进事迹">
<span>{{formData.zyxjsj}}</span>
</el-form-item>
</el-form>
<el-form :model="formData" ref="AddForm" :rules="rules" label-width="130px">
<el-form-item label="部门工会意见">
<el-input
type="textarea"
:autosize="{ minRows: 6, maxRows: 6}"
placeholder="请输入部门工会意见"
v-model="formData.bmghshyj"
maxlength="1000"
show-word-limit
>
</el-input>
</el-form-item>
</el-form>
<el-row style="float: right" class="mt20 text-center">
<el-button type="danger" @click="doEdit(false)">拒 绝</el-button>
<el-button type="success" @click="doEdit(true)">通 过</el-button>
</el-row>
</div>
</el-card>
</div>
</transition>
<transition name="el-zoom-in-center">
<div v-show="v=='view'"
style="width: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0">
<el-card class="box-card v-box" shadow="never">
<div slot="header" class="clearfix">
<el-button icon="el-icon-back" type="text" @click="v='index'" style="font-size: 16px">返回
</el-button>
</div>
<div style="padding: 0 5%; height:calc(100vh - 150px);overflow-y: scroll">
<el-tabs v-model="active" tab-position="top">
<el-tab-pane label="基本信息" name="1">
<el-form :model="formData" ref="AddForm" :rules="rules" label-width="130px"
:disabled="v=='view'?true:false">
<el-form-item label="荣誉类型">
<el-radio v-model="formData.jtlx" label="1">工会工作先进工作者</el-radio>
<el-radio v-model="formData.jtlx" label="2">工会工作积极分子</el-radio>
</el-form-item>
<el-form-item label="姓名">
<span>{{formData.username}}</span>
</el-form-item>
<el-form-item label="性别">
<span>{{formData.sex}}</span>
</el-form-item>
<el-form-item label="出生年月">
<span>{{formData.csrq}}</span>
</el-form-item>
<el-form-item label="职务">
<span>{{formData.ghzw}}</span>
</el-form-item>
<el-form-item label="单位名称">
<span>{{formData.unitname}}</span>
</el-form-item>
<el-form-item label="主要先进事迹">
<span>{{formData.zyxjsj}}</span>
</el-form-item>
<el-form-item label="附件">
<file-upload :files.sync="formData.files" view></file-upload>
</el-form-item>
</el-form>
</el-tab-pane>
<el-tab-pane v-if="formData.bmghshr!=undefined&&formData.bmghshr!=null&&formData.bmghshr!=''"
label="部门工会审核信息" name="2">
<el-card>
<el-form label-width="100px" label-suffix="">
<el-row>
<el-form-item label="审核人">
{{formData.bmghshr}}
</el-form-item>
</el-row>
<el-row>
<el-form-item label="审核时间">
{{formData.bmghshsj}}
</el-form-item>
</el-row>
<el-row>
<el-form-item label="审核意见">
{{formData.bmghshyj}}
</el-form-item>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="formData.yjdzzshr!=undefined&&formData.yjdzzshr!=null&&formData.yjdzzshr!=''"
label="院级党组织审核信息" name="3">
<el-card>
<el-form label-width="100px" label-suffix="">
<el-row>
<el-form-item label="审核人">
{{formData.yjdzzshr}}
</el-form-item>
</el-row>
<el-row>
<el-form-item label="审核时间">
{{formData.yjdzzshsj}}
</el-form-item>
</el-row>
<el-row>
<el-form-item label="审核意见">
{{formData.yjdzzshyj}}
</el-form-item>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
<el-tab-pane v-if="formData.xghshr!=undefined&&formData.xghshr!=null&&formData.xghshr!=''"
label="校工会审核信息" name="4">
<el-card>
<el-form label-width="100px" label-suffix="">
<el-row>
<el-form-item label="审核人">
{{formData.xghshr}}
</el-form-item>
</el-row>
<el-row>
<el-form-item label="审核时间">
{{formData.xghshsj}}
</el-form-item>
</el-row>
<el-row>
<el-form-item label="审核意见">
{{formData.xghshyj}}
</el-form-item>
</el-row>
</el-form>
</el-card>
</el-tab-pane>
</el-tabs>
</div>
</el-card>
</div>
</transition>
</div>
<script>
window.vue = new Vue({
el: '#app',
components: {
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
},
data() {
return {
tableData: [],
addDialogVisible: false,
userList: [],
formData: {},
pageForm: {
pageNumber: 1,
pageSize: 10,
totalCount: 0,
jtlx: "1",
keyword: "",
year: ""
},
rules: {
userid: [{required: true, message: '请先搜素并选择要新增的评委', trigger: ['blur', 'change']}]
},
unitlist: [],
unionlist: [],
tabcol: [{prop: "username", label: "姓名"}, {prop: "sex", label: "性别"},
{prop: "csrq", label: "出生年月"}, {prop: "unitname", label: "单位名称"}],
v: "index",
active: "1"
}
},
methods: {
async pageData() {
this.tableData = [];
const {data} = await POST('/platfotm/ry/sh/bmghsh/pageData', this.pageForm, true)
this.tableData = data.list;
this.pageForm.totalCount = data.totalCount
},
pageNumberChange(val) {
this.pageForm.pageNumber = val
this.pageData()
},
doSearch() {
this.pageForm.pageNumber = 1
this.pageData()
},
pageOrder(column) {
this.pageForm.pageOrderName = column.prop
this.pageForm.pageOrderBy = column.order
this.pageData()
},
openEdit(scope) {
this.formData = scope;
this.v = 'edit';
},
doEdit(con) {
if (con) {
this.formData.sqzt = '3';
if (this.formData.bmghshyj == "") {
this.formData.bmghshyj = "通过";
}
} else {
this.formData.sqzt = '2';
if (this.formData.bmghshyj == "") {
this.$message.warning("审核意见不能为空!");
}
}
this.$refs['AddForm'].validate(async valid => {
if (valid) {
await POST('/platfotm/ry/sh/yjdzzsh/doEdit', this.formData)
this.v = 'index';
this.doSearch()
}
})
},
async getUnit() {
const {data} = await $.get("/platfotm/ry/gr/grsq/getUnit")
this.unitlist = data
},
openView(row) {
this.v = 'view';
this.formData = row;
}
},
async created() {
this.pageData();
this.unionlist = await getUnion()
this.getUnit();
}
})
</script>
<!--#
}
#-->