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

646 lines
30 KiB
HTML

<!--#
layout("/layouts/platform.html"){
#-->
<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-date-picker
placeholder="选择年度"
style="width: 100%"
type="year"
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 clearable maxlength="20" v-model.trim="pageForm.keyword"></el-input>
</div>
</div>
<div class="search-item"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}">
<div class="search-item-label">所属工会:</div>
<div class="search-item-option">
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
clearable="true"
@change="flushUnits" @clear="flushUnits"
filterable="true">
<el-option v-for="item in unions" :label="item.unionname" :value="item.id"></el-option>
</el-select>
</div>
</div>
<div class="search-item">
<div class="search-item-label">所属单位:</div>
<div class="search-item-option">
<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>
<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-radio-group @change="doSearch()" size="small" v-model="pageForm.auditState">
<el-radio-button label="0">全部</el-radio-button>
<el-radio-button label="1">已审核</el-radio-button>
<el-radio-button label="-1">未审核</el-radio-button>
</el-radio-group>-->
<el-button type="primary" size="small" class="ml10" @click="batchApply">批量申请
</el-button>
<el-button type="primary" size="small" class="ml10" @click="batchExportApplyPaper">批量导出个人表
</el-button>
<el-button type="primary" size="small" @click="exportSummary">导出汇总表</el-button>
<el-button type="primary" size="small" icon="el-icon-edit" @click="openUnitMove" class="ml5">
单位调整
</el-button>
</template>
</table-tool>
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder"
ref="table"
align="center" header-align="center">
<el-table-column type="selection"></el-table-column>
<el-table-column align="center" header-align="center" label="序号" type="index" width="80">
<template scope="scope">
<span>{{ scope.$index + (pageForm.pageNumber - 1) * pageForm.pageSize + 1 }} </span>
</template>
</el-table-column>
<el-table-column
:label="column.label"
:prop="column.prop"
:sortable="column.sortable"
:width="column.width"
align="center"
header-align="center"
show-overflow-tooltip
v-for="column in tableColumns"
>
<template scope="{row}" v-if="column.prop=='isMeetRequirements'">
<span class="text-success" v-if="row.isMeetRequirements">
符合
</span>
<span class="text-danger" v-else>
不符合
</span>
</template>
<template scope="{row}" v-else-if="column.prop==='isAccept'">
<span v-if="row.isAccept !== null"
:class="{'text-success': row.isAccept, 'text-danger': !row.isAccept}">
{{ row.isAccept ? '申请' : '放弃' }}
</span>
<span v-else class="text-info"></span>
</template>
</el-table-column>
<el-table-column label="操作" width="350">
<template scope="{row}">
<el-button @click="openView(row.id)" size="mini" type="primary">查看</el-button>
<!--<el-button :disabled="row.stateCode!=100" @click="openAudit(row.id)" size="mini" type="primary">
审核
</el-button>
<el-button :disabled="row.stateCode<300" @click="doRevoke(row.id)" size="mini" type="danger">
撤回
</el-button>-->
<el-button @click="exportApplyPaper(row.id)" size="mini" type="primary">导出</el-button>
<el-button :disabled="row.isAccept!=null || !row.isMeetRequirements || row.stateCode > 210"
@click="applySubsidy(row)" size="mini"
type="primary">申请
</el-button>
<el-button :disabled="!row.isMeetRequirements || row.stateCode >210 || row.isAccept==0"
@click="userHandler(row.id,row.isAccept,false)"
size="mini"
type="danger">放弃
</el-button>
</template>
</el-table-column>
</el-table>
<!--#include("/layouts/pagination.html"){}#-->
</el-card>
<template #view>
<sick-help-info ref="sickView"></sick-help-info>
</template>
<template #edit>
<sick-help-info ref="sickAudit">
<template #audit>
<el-tab-pane label="审核" name="999">
<vi-title title="基层工会审核"></vi-title>
<el-form :model="formData" :rules="rules" label-width="120px" ref="form">
<el-row gutter="20">
<el-col :span="12">
<el-form-item label="审核人" prop="username">
<el-input readonly v-model="formData.username"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="审核时间" prop="auditTime">
<el-input readonly v-model="formData.auditTime"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="审核意见" prop="auditOpinion">
<el-input maxlength="1000"
placeholder="请填写您的意见"
rows="4"
type="textarea"
v-model="formData.auditOpinion"></el-input>
</el-form-item>
<el-form-item label="基层工会签字" prop="auditSign">
<sign :qz.sync="formData.auditSign"></sign>
</el-form-item>
</el-form>
<el-row justify="end" type="flex">
<el-button @click="doAudit(false)" type="danger">拒绝</el-button>
<el-button @click="doAudit(true)" type="primary">通过</el-button>
</el-row>
</el-tab-pane>
</template>
</sick-help-info>
</template>
<el-dialog :close-on-click-modal="false" :visible.sync="applyDialog" title="申请补助" width="60%">
<el-form :model="formData" :rules="rules" label-width="auto" ref="form">
<el-row :gutter="10">
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="姓名" prop="userName">
<el-input :value="formData.userName" readonly></el-input>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="性别" prop="sex">
<el-radio-group v-model="formData.sex" size="mini">
<el-radio label="男" border></el-radio>
<el-radio label="女" border></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="出生年月" prop="birthday">
<el-date-picker
style="width: 100%"
type="date"
v-model="formData.birthday"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="入会时间" prop="mutualGoldStartTime">
<el-date-picker
readonly
style="width: 100%"
type="date"
v-model="formData.mutualGoldStartTime"
value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="工作单位" prop="unitName">
<el-input :value="formData.unitName"></el-input>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="家庭住址" prop="homeAddress">
<el-input v-model="formData.homeAddress"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="申请理由" prop="applyReason">
<el-input
:autosize="{ minRows: 3, maxRows: 5}"
autosize
placeholder="请输入申报补助理由(患何种疾病)"
type="textarea"
v-model="formData.applyReason">
</el-input>
</el-form-item>
<el-row :gutter="10">
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="个人支付金额">
<el-input-number :max="99999999.99" :min="0" :precision="2"
readonly
style="width: 100%" v-model="formData.selfPayMoney"></el-input-number>
</el-form-item>
</el-col>
<el-col :lg="12" :md="24" :sm="24" :xl="12" :xs="24">
<el-form-item label="补助金额">
<el-input-number :max="99999999.99" :min="0" :precision="2"
readonly
style="width: 100%" v-model="formData.subsidyMoney"></el-input-number>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="申请人签字" prop="applyUserSign">
<sign :qz.sync="formData.applyUserSign"></sign>
</el-form-item>
<el-row class="mt10" justify="end" type="flex">
<el-button @click="applyDialog=false">取消</el-button>
<el-button @click="doApply" type="primary">提交</el-button>
</el-row>
</el-form>
</el-dialog>
<el-drawer
title="单位调整"
:visible.sync="unitMoveVisibile"
:before-close="handleClose" size="1000px">
<el-row class="text-primary p20">
选择新单位
</el-row>
<el-row type="flex" :gutter="20" class="pl20 pr20">
<el-col :span="12">
<el-select placeholder="所属工会" v-model="unitMoveFormData.unionId" style="width: 100%;"
clearable="true"
@change="moveUnionsChange"
filterable="true">
<el-option v-for="item in unitMoveUnions" :label="item.unionname" :value="item.id"></el-option>
</el-select>
</el-col>
<el-col :span="12">
<el-select v-model="unitMoveFormData.unitId" style="width: 100%" filterable clearable
@change="moveUnitChange"
placeholder="请选择单位">
<el-option
v-for="item in unitMoveUnits"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</el-col>
</el-row>
<el-row class="mt10">
<el-table :data="checkUsers" style="width: 100%;padding: 20px" class="vi-table"
border
height="70vh">
<el-table-column show-overflow-tooltip align="center" header-align="center" prop="loginName"
width="120"
label="工号"></el-table-column>
<el-table-column show-overflow-tooltip align="center" header-align="center" prop="userName"
width="120"
label="姓名"></el-table-column>
<el-table-column show-overflow-tooltip align="center" header-align="center" prop="unitName"
label="当前单位"></el-table-column>
<el-table-column show-overflow-tooltip align="center" header-align="center" prop="unionName"
label="当前工会"></el-table-column>
<el-table-column show-overflow-tooltip align="center" header-align="center"
label="新单位">
<template slot-scope="{row}">
<span>{{unitMoveFormData.unitName}}</span>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip align="center" header-align="center"
label="新分工会">
<template slot-scope="{row}">
<span>{{unitMoveFormData.unionName}}</span>
</template>
</el-table-column>
</el-table>
</el-row>
<span style="position: absolute;bottom: 20px;right: 20px">
<el-button @click="unitMoveVisibile = false">取 消</el-button>
<el-button type="primary" @click="doUnitMove">确定</el-button>
</span>
</el-drawer>
</guava>
</div>
<script>
var vue = new Vue({
el: '#app',
mixins: [initTableMixins],
components: {
'SickHelpInfo': httpVueLoader('/components/sickHelp/SickHelpInfo.vue'),
},
data() {
return {
pageForm: {
auditState: 0,
year: (new Date().getFullYear() - 1).toString(),
unionId: "",
unitId: "",
keyword: ""
},
tableColumns: [
{prop: 'userName', label: '姓名'},
{prop: 'loginName', label: '工号'},
{prop: 'unitName', label: '单位', sortable: true},
// {prop: 'unionName', label: '分工会', sortable: true},
{prop: 'year', label: '年度', sortable: true},
{prop: 'selfPayMoney', label: '支付金额', sortable: true},
{prop: 'subsidyMoney', label: '补助金额', sortable: true},
// {prop: 'subsidyRatio', label: '补助比例', sortable: true},
{prop: 'isMeetRequirements', label: '是否符合申请要求'},
{prop: 'isAccept', label: '是否申请补助'},
{prop: 'stateName', label: '审核状态'}
],
formData: {
/*username: "${@shiro.getPrincipalProperty('username')}",
loginname: "${@shiro.getPrincipalProperty('loginname')}",
auditTime: moment().format('YYYY-MM-DD'),
auditOpinion: '',
auditSign: '',
auditPass: true*/
},
/*rules: {
auditSign: [{required: true, message: '请签字', trigger: ['change', 'blur']}],
auditOpinion: [{required: true, message: '请输入审核意见', trigger: ['change', 'blur']}]
},*/
unions: [],
units: [],
rules: {
applyUserSign: [{required: false, message: '请签字', trigger: ['change', 'blur']}],
applyReason: [{required: false, message: '请输入申请理由', trigger: ['change', 'blur']}],
sex: [{required: false, message: '请选择性别', trigger: ['change', 'blur']}],
birthday: [{required: false, message: '请输入出生年月', trigger: ['change', 'blur']}],
mutualGoldStartTime: [{
required: true,
message: '请输入参加大病医疗互助时间',
trigger: ['change', 'blur']
}],
unitName: [{required: true, message: '请输入工作单位', trigger: ['change', 'blur']}],
homeAddress: [{required: false, message: '请输入家庭住址', trigger: ['change', 'blur']}],
},
applyDialog: false,
unitMoveVisibile: false,
unitMoveUnions: [],
unitMoveUnits: [],
unitMoveFormData: {
unitId: '',
unionId: '',
unitName: '',
unionName: ''
},
checkUsers: []
}
},
methods: {
async moveUnionsChange(val) {
if (val) {
this.unitMoveUnits = await getUnits(val)
this.$set(this.unitMoveFormData, 'unionName', this.unitMoveUnions.find(v => v.id === val).unionname)
this.$set(this.unitMoveFormData, 'unitId', '')
this.$set(this.unitMoveFormData, 'unitName', '')
} else {
this.$set(this.unitMoveFormData, 'unitId', '')
this.$set(this.unitMoveFormData, 'unitName', '')
this.$set(this.unitMoveFormData, 'unionName', '')
this.unitMoveUnits = []
}
},
moveUnitChange(val) {
if (val) {
this.$set(this.unitMoveFormData, 'unitName', this.unitMoveUnits.find(v => v.id === val).name)
} else {
this.$set(this.unitMoveFormData, 'unitName', '')
}
},
async applySubsidy(row) {
this.applyDialog = true
this.formData = clone(row)
await this.getApplyUserInfo(row.loginName)
},
async getApplyUserInfo(loginName) {
const resp = await $.get(loc() + '/getApplyUserInfo', {loginName})
if (resp.code === 0) {
const {userName, loginName, unitName, sex, homeAddress, birthday, mutualGoldStartTime} = resp.data
this.$set(this.formData, 'userName', userName)
this.$set(this.formData, 'loginName', loginName)
this.$set(this.formData, 'unitName', unitName)
this.$set(this.formData, 'sex', sex)
this.$set(this.formData, 'homeAddress', homeAddress)
this.$set(this.formData, 'birthday', birthday)
this.$set(this.formData, 'mutualGoldStartTime', mutualGoldStartTime)
}
},
async doApply() {
const valid = await this.$refs['form'].validate()
if (!valid) return
const resp = await $.post(loc() + '/doApply', this.formData)
if (resp.code === 0) {
this.applyDialog = false
this.notifySuccess(resp.msg)
this.doSearch()
} else {
this.notifyWarning(resp.msg)
}
},
async userHandler(id, isAccept, userChoice) {
if (isAccept) return
const msg = '您确认要' + (userChoice ? '接受' : '放弃') + '该用户的补助申请吗?'
const confirm = await this.$confirm(msg, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if ('confirm' !== confirm) return
const resp = await $.post('/platform/sickHelp/mySubsidyRecord/acceptSubsidy', {
id,
isAccept: userChoice
})
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.pageData()
} else {
this.notifyError(resp.msg)
}
},
batchExportApplyPaper() {
const selections = this.$refs.table.selection
if (selections.length === 0) {
this.notifyWarning('请先勾选需要导出的数据')
return
}
const ids = selections.map(v => v.id)
window.open(loc() + '/batchExportApplyPaper?ids=' + JSON.stringify(ids))
},
async batchApply() {
const selections = this.$refs.table.selection
if (selections.length === 0) {
this.notifyWarning('请先勾选需要批量申请的记录')
return
}
const confirm = await this.$confirm('您确定要将勾选的记录申请补助吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if (confirm !== 'confirm') return
const ids = selections.map(v => v.id)
const resp = await $.post(loc() + '/batchApply', {ids: JSON.stringify(ids)})
if (resp.code === 0) {
this.notifySuccess(resp.msg)
this.pageData()
this.$refs.table.clearSelection()
} else {
this.notifyWarning(resp.msg)
}
},
openUnitMove() {
const selections = this.$refs.table.selection
if (selections.length === 0) {
this.notifyWarning('请先勾选需要调整的数据')
return
}
this.checkUsers = selections
this.unitMoveVisibile = true
this.unitMoveFormData = {
unitId: '',
unionId: '',
unitName: '',
unionName: ''
}
},
handleClose(done) {
this.$confirm('确认关闭?')
.then(_ => {
done();
})
.catch(_ => {
});
},
async doUnitMove() {
if (this.unitMoveFormData.unitId === '') {
this.notifyWarning('请选择新单位!')
return
}
const selections = this.$refs.table.selection
const params = {
unitId: this.unitMoveFormData.unitId,
loginName: selections.map(v => v.loginName)
}
const resp = await $.post(loc() + '/userUnitMove', params)
if (resp.code === 0) {
this.pageData()
this.$refs.table.clearSelection()
this.unitMoveVisibile = false
this.notifySuccess(resp.msg)
}
},
exportSummary() {
const {year, unionId, unitId} = this.pageForm
if (!year) {
this.notifyWarning('请先选择年度')
return
}
window.open(loc() + '/exportSummary?year=' + year + '&unionId=' + unionId + '&unitId=' + unitId)
},
exportApplyPaper(id) {
window.open('/platform/sickHelp/mySubsidyRecord/exportApplyPaper?id=' + id)
},
/*async doAudit(flag) {
const valid = await this.$refs['form'].validate()
if (!valid) return
const r = flag ? '通过' : '拒绝';
const confirm = await this.$confirm('你确定要' + r + '吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if ('confirm' !== confirm) return
this.formData.auditPass = flag
const resp = await $.post(loc() + '/doAudit', this.formData)
if (resp.code === 0) {
this.$refs.guava.index()
this.doSearch()
} else {
this.notifyWarning(resp.msg)
}
},
async doRevoke(id) {
const confirm = await this.$confirm('你确定要撤回吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
if ('confirm' !== confirm) return
const resp = await $.post(loc() + '/doRevoke/' + id)
if (resp.code === 0) {
this.doSearch()
this.notifySuccess(resp.msg)
} else {
this.notifyWarning(resp.msg)
}
},*/
openView(id) {
this.$refs.guava.view()
this.$refs.sickView.openView(id)
},
async openAudit(id) {
this.$refs.guava.edit()
this.$refs.sickAudit.openAudit(id)
this.$set(this.formData, 'id', id)
this.$set(this.formData, 'auditOpinion', null)
},
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.pageData()
this.unions = await getUnions(null)
this.flushUnits()
this.unitMoveUnions = [...this.unions]
}
})
</script>
<!--#
}
#-->