297 lines
13 KiB
HTML
297 lines
13 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-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>
|
|
</template>
|
|
</table-tool>
|
|
<el-table :data="tableData" :size="tableSize" @sort-change="pageOrder"
|
|
align="center" header-align="center">
|
|
<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="400">
|
|
<template scope="{row}">
|
|
<el-button @click="openView(row.id)" size="mini" type="primary">查看</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>
|
|
|
|
</guava>
|
|
|
|
<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="year"
|
|
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>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [initTableMixins],
|
|
components: {
|
|
'SickHelpInfo': httpVueLoader('/components/sickHelp/SickHelpInfo.vue'),
|
|
},
|
|
data() {
|
|
return {
|
|
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: 'remarks', label: '备注'},
|
|
{prop: 'isMeetRequirements', label: '是否符合申请要求'},
|
|
{prop: 'isAccept', label: '是否接受补助'},
|
|
{prop: 'stateName', label: '审核状态'}
|
|
],
|
|
pageForm: {
|
|
year: null
|
|
},
|
|
formData: {},
|
|
rules: {
|
|
applyUserSign: [{required: true, message: '请签字', trigger: ['change', 'blur']}],
|
|
applyReason: [{required: true, message: '请输入申请理由', trigger: ['change', 'blur']}],
|
|
sex: [{required: true, message: '请选择性别', trigger: ['change', 'blur']}],
|
|
birthday: [{required: true, message: '请输入出生年月', trigger: ['change', 'blur']}],
|
|
mutualGoldStartTime: [{required: true, message: '请输入参加大病医疗互助时间', trigger: ['change', 'blur']}],
|
|
unitName: [{required: true, message: '请输入工作单位', trigger: ['change', 'blur']}],
|
|
homeAddress: [{required: true, message: '请输入家庭住址', trigger: ['change', 'blur']}],
|
|
},
|
|
applyDialog: false
|
|
}
|
|
},
|
|
methods: {
|
|
openView(id) {
|
|
this.$refs.guava.view()
|
|
this.$refs.sickView.openView(id)
|
|
},
|
|
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(loc() + '/acceptSubsidy', {id, isAccept: userChoice})
|
|
if (resp.code === 0) {
|
|
this.notifySuccess(resp.msg)
|
|
this.pageData()
|
|
} else {
|
|
this.notifyError(resp.msg)
|
|
}
|
|
},
|
|
//申请补助
|
|
applySubsidy(row) {
|
|
this.formData = clone(row)
|
|
this.applyDialog = true
|
|
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)
|
|
}
|
|
},
|
|
exportApplyPaper(id) {
|
|
window.open(loc() + '/exportApplyPaper?id=' + id)
|
|
}
|
|
},
|
|
async created() {
|
|
this.pageData()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
|
|
<!--#
|
|
}
|
|
#-->
|