first commit
This commit is contained in:
@@ -0,0 +1,722 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava" padding="0% 5%">
|
||||
<template>
|
||||
|
||||
<search :page_form.sync="pageForm" :has_union="false" @search="doSearch"></search>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<table-tool label="申请列表" :app="this">
|
||||
<template #func>
|
||||
<el-button size="small" type="primary" icon="el-icon-edit" @click="openAdd">申请医疗补助</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
|
||||
<el-table-column align="center" header-align="center" type="index" :index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
<template v-if="column.prop==='state_id'" scope="{row}">
|
||||
<span :style="'color:'+row.state_color">{{row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center" label="操作" fixed="right">
|
||||
<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="{action:openView,value:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<!-- :disabled="!row.state_id||row.state_id<600"-->
|
||||
<el-dropdown-item :disabled="row.state_id===90"
|
||||
:command="{action:doExport,value:row}">
|
||||
导出
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id!=90"
|
||||
:command="{action:openEdit,value:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<!--# if(@shiro.hasRole('sysadmin')){ #-->
|
||||
<el-dropdown-item :command="{action:openAdvancedEdit,value:row}">
|
||||
高级编辑
|
||||
</el-dropdown-item>
|
||||
<!--# } #-->
|
||||
<el-dropdown-item :disabled="row.state_id!=100 && ${@shiro.lacksRole('sysadmin')}"
|
||||
:command="{action:doDelete,value:row}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
|
||||
<vi-title title="填写补助信息"></vi-title>
|
||||
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="top"
|
||||
label-suffix="：">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="user_name" label="姓  名">
|
||||
<!--#if(!(@shiro.hasRole('sysadmin')||@shiro.hasRole('ltxgbc'))){#-->
|
||||
<el-input readonly v-model="formData.user_name" type="text"></el-input>
|
||||
<!--#}else{#-->
|
||||
<el-select v-model="formData.user_id"
|
||||
@change="userChange"
|
||||
filterable
|
||||
remote
|
||||
reserve-keyword
|
||||
placeholder="请输入工号或姓名查询"
|
||||
:remote-method="remoteMethod">
|
||||
<el-option
|
||||
v-for="item in userList"
|
||||
:key="item.id"
|
||||
:label="item.username+'-'+item.loginname+'-'+item.unitname"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!--#}#-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="loginname" label="工  号">
|
||||
<!--#if(!(@shiro.hasRole('sysadmin')||@shiro.hasRole('ltxgbc'))){#-->
|
||||
<el-input readonly :value="formData.loginname" type="text"></el-input>
|
||||
<!--#}else{#-->
|
||||
<el-input readonly v-model="formData.loginname" type="text"></el-input>
|
||||
<!--#}#-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="sex" label="性  别">
|
||||
<el-input readonly v-model="formData.sex" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="user_age" label="年龄（岁）">
|
||||
<el-input readonly v-model.number="formData.user_age"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="unit_name" label="部  门">
|
||||
<el-input readonly v-model="formData.unit_name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="on_job" label="在职状态">
|
||||
<el-input readonly v-if="formData.on_job" value="在职" type="text"></el-input>
|
||||
<el-input readonly v-else value="退休" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="mobile" label="联系电话">
|
||||
<el-input maxlength="20" placeholder="请填写联系电话" v-model="formData.mobile"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="disease_diagnosis" label="疾病诊断">
|
||||
<el-input maxlength="255" placeholder="请填写疾病诊断" v-model="formData.disease_diagnosis"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="hospital" label="入住医院">
|
||||
<el-input maxlength="255" placeholder="请填写入住医院" v-model="formData.hospital"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="hospital_time" label="住院时间">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="formData.hospital_time"
|
||||
type="daterange"
|
||||
value-format="yyyy-MM-dd"
|
||||
@change="getHospitalStay"
|
||||
range-separator="-"
|
||||
start-placeholder="开始日期"
|
||||
end-placeholder="结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="hospital_stay" label="住院天数">
|
||||
<el-input disabled placeholder="选择住院时间后计算" v-model="formData.hospital_stay"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="bank_name" label="开户银行名称">
|
||||
<el-input maxlength="255" placeholder="请填写开户银行名称" v-model="formData.bank_name"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="bank_account" label="银行账号">
|
||||
<el-input maxlength="20" placeholder="请填写银行账号" v-model="formData.bank_account"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="total_medical_expenses" label="本次住院医疗费总额">
|
||||
<el-input-number style="width: 100%" v-model="formData.total_medical_expenses"
|
||||
placeholder="请填写本次住院医疗费总额" controls-position="right" precision="2" :min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="overall_fund_payment" label="统筹基金支付总额（医保支付）">
|
||||
<el-input-number style="width: 100%" v-model="formData.overall_fund_payment"
|
||||
placeholder="请填写统筹基金支付总额（医保支付）" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
|
||||
</el-row>
|
||||
<!-- <el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="individual_pay" label="部分政策自付的个人支付">
|
||||
<el-input-number style="width: 100%" v-model="formData.individual_pay"
|
||||
placeholder="请填写部分政策字符的个人支付" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="overall_individual_pay" label="统筹段的个人比例自付部分">
|
||||
<el-input-number style="width: 100%" v-model="formData.overall_individual_pay"
|
||||
placeholder="请填写统筹段的个人比例自付部分" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="selfPayMoney" label="个人实际支付金额">
|
||||
<el-input-number style="width: 100%" v-model="formData.selfPayMoney"
|
||||
placeholder="个人实际支付金额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<!-- <el-col :span="12">
|
||||
<el-form-item prop="deductible" label="起付线自付费（门槛费）">
|
||||
<el-input-number style="width: 100%" v-model="formData.deductible"
|
||||
placeholder="请填写起付线自付费（门槛费）" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="materials" label="完全政策自付中内置材料和自费药费">
|
||||
<el-input-number style="width: 100%" v-model="formData.materials"
|
||||
placeholder="请填写完全政策自付中内置材料和自费药费" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>-->
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="insured_amount" label="其他保险报销金额">
|
||||
<el-input-number style="width: 100%" v-model="formData.insured_amount"
|
||||
placeholder="请填写其他保险报销金额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="invoice_num" label="发票号码">
|
||||
<el-input maxlength="50" placeholder="请填写发票号码" v-model="formData.invoice_num"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<!--<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_invoice" label="发  票">
|
||||
<file-upload :files.sync="formData.files_invoice" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_medical_certificate" label="诊断书">
|
||||
<file-upload :files.sync="formData.files_medical_certificate" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
<!--<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_medicare_settlement" label="医保结算单">
|
||||
<file-upload :files.sync="formData.files_medicare_settlement" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_summary_discharge" label="出院小结">
|
||||
<file-upload :files.sync="formData.files_summary_discharge" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>-->
|
||||
|
||||
<!-- <el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="medicalAid" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>-->
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
|
||||
<template v-if="!isAdvancedEdit">
|
||||
<el-button type="primary" @click="doSave()">保 存</el-button>
|
||||
<!-- <el-button type="primary" @click="formData.id?doEdit():doAdd()">提 交</el-button>-->
|
||||
<el-button type="primary" @click="doAdd()">提 交</el-button>
|
||||
</template>
|
||||
|
||||
|
||||
<el-button v-if="isAdvancedEdit" type="primary" @click="doAdvancedEdit()">高级修改</el-button>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<medical-aid-info ref="med_info"></medical-aid-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
tabLoading: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
disease_diagnosis: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
hospital: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
hospital_stay: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
hospital_time: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
total_medical_expenses: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
overall_fund_payment: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
individual_pay: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
overall_individual_pay: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
deductible: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
materials: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_name: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_account: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
invoice_num: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_invoice: [{required: false, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_summary_discharge: [{required: false, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_medical_certificate: [{required: false, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_medicare_settlement: [{required: false, message: '必填', trigger: ['blur', 'change']}],
|
||||
selfPayMoney: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
insured_amount: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
fundMembers: "${@shiro.getPrincipalProperty('sfjrdbjj')}" === '1',
|
||||
tableColumns: [
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'user_name', label: '姓名',},
|
||||
{prop: 'apply_time', label: '申请时间', sortable: true},
|
||||
{prop: 'disease_diagnosis', label: '疾病诊断'},
|
||||
{prop: 'hospital', label: '入住医院'},
|
||||
{prop: 'state_id', label: '申请状态', sortable: true},
|
||||
],
|
||||
userList: [],
|
||||
isAdvancedEdit: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'medical-aid-info': httpVueLoader('/components/medicalaid/MedicalAidInfo.vue?v=1.0.2'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'search': httpVueLoader('/components/medicalaid/MedicalAidSearch.vue?v=1.0.0'),
|
||||
},
|
||||
methods: {
|
||||
userChange(val) {
|
||||
console.log(val)
|
||||
const user = this.userList.find(v => v.id === val)
|
||||
this.$set(this.formData, 'loginname', user.loginname)
|
||||
this.$set(this.formData, 'user_name', user.username)
|
||||
this.$set(this.formData, 'unit_name', user.unitname)
|
||||
this.$set(this.formData, 'sex', user.sex)
|
||||
this.$set(this.formData, 'user_age', user.user_age)
|
||||
this.$set(this.formData, 'on_job', user.userstate === '在职')
|
||||
this.$set(this.formData, 'mobile', user.mobile)
|
||||
this.$set(this.formData, 'bank_account', user.bank_number)
|
||||
this.$set(this.formData, 'bank_name', user.bank_number ? bankCardAttribution(user.bank_number).bankName : '')
|
||||
|
||||
|
||||
},
|
||||
async remoteMethod(query) {
|
||||
const {data} = await $.get('/platform/fw/medicalAid/common/findAidUser', {query})
|
||||
this.userList = data.list
|
||||
},
|
||||
doExport(row) {
|
||||
location.href = "/platform/fw/medicalAid/common/exportDoc?id=" + row.id
|
||||
},
|
||||
getHospitalStay(val) {
|
||||
this.$set(this.formData, "hospital_stay", moment(val[1]).diff(moment(val[0]), 'day'))
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.med_info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async doEdit() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.hospital_time = formData.hospital_time.toString()
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doEdit", {data: JSON.stringify(formData)})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
} else {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '存在未填写的必填项',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
async openEdit(row) {
|
||||
const {id} = row
|
||||
this.formData = {}
|
||||
this.$set(row, "editLoading", true)
|
||||
const resp = await $.get("/platform/fw/medicalAid/common/findOne", {id})
|
||||
|
||||
requestLaterFun(resp, (v) => {
|
||||
this.$set(row, "editLoading", false)
|
||||
medicalAid.toFormData(v)
|
||||
this.formData = v
|
||||
this.userList.unshift({
|
||||
id: v.user_id,
|
||||
username: v.user_name,
|
||||
loginname: v.loginname,
|
||||
unitname: v.unit_name
|
||||
})
|
||||
this.$refs.guava.edit()
|
||||
})
|
||||
},
|
||||
async openAdvancedEdit(row) {
|
||||
this.isAdvancedEdit = true
|
||||
const {id} = row
|
||||
this.formData = {}
|
||||
this.$set(row, "editLoading", true)
|
||||
const resp = await $.get("/platform/fw/medicalAid/common/findOne", {id})
|
||||
requestLaterFun(resp, (v) => {
|
||||
this.$set(row, "editLoading", false)
|
||||
medicalAid.toFormData(v)
|
||||
this.formData = v
|
||||
this.userList.unshift({
|
||||
id: v.user_id,
|
||||
username: v.user_name,
|
||||
loginname: v.loginname,
|
||||
unitname: v.unit_name
|
||||
})
|
||||
this.$refs.guava.edit()
|
||||
})
|
||||
},
|
||||
async doAdvancedEdit() {
|
||||
const {state_id} = this.formData
|
||||
if (state_id > 300) {
|
||||
const confirm = await this.$confirm('本次补助工会会计已经审核，如果有金额的变化，本记录将重新回到补助申请状态，需重新审核，请确认是否编辑?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
})
|
||||
if (confirm !== 'confirm') return
|
||||
}
|
||||
|
||||
const valid = await this.$refs["form"].validate()
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.hospital_time = formData.hospital_time.toString()
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在修改...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doAdvancedEdit", {data: JSON.stringify(formData)})
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
this.isAdvancedEdit = false
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
} else {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '存在未填写的必填项',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doDelete", {id: id});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async doAdd() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
|
||||
this.$confirm('是否确定提交?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.sign = null
|
||||
formData.hospital_time = formData.hospital_time.toString()
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post(location.href + "/doAdd", {
|
||||
data: JSON.stringify(formData),
|
||||
sign: this.formData.sign
|
||||
})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
|
||||
|
||||
} else {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '存在未填写的必填项',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
async doSave() {
|
||||
const validResult = []
|
||||
this.$refs['form'].validateField(['disease_diagnosis', 'hospital'], (errMsg) => {
|
||||
validResult.push(errMsg)
|
||||
})
|
||||
if (validResult.every(v => v === '')) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.sign = null
|
||||
formData.hospital_time = formData.hospital_time.toString()
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在保存...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post(location.href + "/doSave", {
|
||||
data: JSON.stringify(formData),
|
||||
sign: this.formData.sign
|
||||
})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
|
||||
} else {
|
||||
this.notifyWarning('保存至少填写疾病诊断和入住医院两个信息')
|
||||
}
|
||||
},
|
||||
openAdd() {
|
||||
if ('${@shiro.getPrincipalProperty("aidFundMember")}' === '0') {
|
||||
this.$confirm('您还不是基金会员，请前往基金会员管理系统申请', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
window.location.href = base + "/platform/aid/fund/apply";
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
return
|
||||
}
|
||||
if (Boolean('${@shiro.hasRole("sysadmin")}' === 'true') || Boolean('${@shiro.hasRole("ltxgbc")}' === 'true')) {
|
||||
this.formData = {
|
||||
files: [],
|
||||
hospital_time: [],
|
||||
user_name: '',
|
||||
sex: '',
|
||||
user_age: '',
|
||||
unit_name: '',
|
||||
mobile: '',
|
||||
bank_account: '',
|
||||
loginname: '',
|
||||
bank_name: '',
|
||||
on_job: false,
|
||||
}
|
||||
} else {
|
||||
this.formData = {
|
||||
files: [],
|
||||
hospital_time: [],
|
||||
user_id: '${@shiro.getPrincipalProperty("id")}',
|
||||
user_name: '${@shiro.getPrincipalProperty("username")}',
|
||||
sex: '${@shiro.getPrincipalProperty("sex")}',
|
||||
user_age: '${@shiro.getPrincipalProperty("birthday")}' ? moment().diff(moment('${@shiro.getPrincipalProperty("birthday")}'), 'years') : '',
|
||||
unit_name: '${@shiro.getPrincipalProperty("unit").getName()}',
|
||||
mobile: '${@shiro.getPrincipalProperty("mobile")}',
|
||||
bank_account: '${@shiro.getPrincipalProperty("bank_number")}',
|
||||
loginname: Boolean('${@shiro.hasRole("sysadmin")}' === 'true') ? '' : '${@shiro.getPrincipalProperty("loginname")}',
|
||||
bank_name: '${@shiro.getPrincipalProperty("bank_number")}' ? bankCardAttribution('${@shiro.getPrincipalProperty("bank_number")}').bankName : '',
|
||||
}
|
||||
const zzzt = '${@shiro.getPrincipalProperty("userState")}'
|
||||
if (zzzt === '在职') {
|
||||
this.$set(this.formData, "on_job", true)
|
||||
} else if (zzzt === '退休') {
|
||||
this.$set(this.formData, "on_job", false)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
console.log(Boolean('${@shiro.hasRole("sysadmin")}' === 'true') || Boolean('${@shiro.hasRole("ltxgbc")}' === 'true'))
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,522 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
|
||||
<guava ref="guava" padding="0% 5%">
|
||||
<template>
|
||||
<search :page_form.sync="pageForm" :has_union="false" @search="doSearch"></search>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<table-tool label="补助列表" :app="this"></table-tool>
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
|
||||
<el-table-column align="center" header-align="center" type="index" :index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
<template v-if="column.prop==='state_id'" scope="{row}">
|
||||
<span v-if="row.id" :style="'color:'+row.state_color">{{row.state_name}}</span>
|
||||
<span v-else style="color: #1890ff">等待办理</span>
|
||||
</template>
|
||||
<template v-else-if="column.prop==='apply_time'" scope="{row}">
|
||||
{{row.apply_time?row.apply_time:'暂无'}}
|
||||
</template>
|
||||
<template v-else-if="column.prop==='type'" scope="{row:{type}}">
|
||||
<div v-html="medicalAid.elementType(type)"></div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center" label="操作" fixed="right">
|
||||
<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 :disabled="!row.id" :command="{action:openView,value:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.id"
|
||||
:command="{action:openAdd,value:row}">
|
||||
办理
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="!row.state_id||row.state_id<600"
|
||||
:command="{action:doExport,value:row}">
|
||||
导出
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="top"
|
||||
label-suffix="：">
|
||||
|
||||
<vi-title title="补助信息"></vi-title>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="user_name" label="姓  名">
|
||||
<el-input disabled v-model="formData.user_name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="sex" label="性  别">
|
||||
<el-input disabled v-model="formData.sex" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="user_age" label="年龄（岁）">
|
||||
<el-input disabled v-model.number="formData.user_age"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="unit_name" label="部  门">
|
||||
<el-input disabled v-model="formData.unit_name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="on_job" label="在职状态">
|
||||
<el-input disabled v-if="formData.on_job" value="在职" type="text"></el-input>
|
||||
<el-input disabled v-else value="退休" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="mobile" label="联系电话">
|
||||
<el-input maxlength="20" placeholder="请填写联系电话" v-model="formData.mobile"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="disease_diagnosis" label="疾病诊断">
|
||||
<el-input maxlength="255" placeholder="请填写疾病诊断" v-model="formData.disease_diagnosis"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="bank_name" label="开户银行名称">
|
||||
<el-input maxlength="255" placeholder="请填写开户银行名称" v-model="formData.bank_name"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="bank_account" label="银行账号">
|
||||
<el-input maxlength="20" placeholder="请填写银行账号" v-model="formData.bank_account"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="住院医疗总费用（元）">
|
||||
<el-input-number style="width: 100%" v-model="formData.total_medical_expenses"
|
||||
disabled
|
||||
placeholder="请填写住院医疗总费用" controls-position="right" precision="2" :min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="统筹基金支付数（元）">
|
||||
<el-input-number style="width: 100%" v-model="formData.overall_fund_payment"
|
||||
disabled
|
||||
placeholder="请填写统筹基金支付数" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="个人实际支付金额（元）">
|
||||
<el-input-number style="width: 100%" v-model="formData.selfPayMoney"
|
||||
disabled
|
||||
placeholder="个人实际支付金额" controls-position="right" precision="2" :min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="其他保险报销金额">
|
||||
<el-input-number style="width: 100%" v-model="formData.insured_amount"
|
||||
disabled
|
||||
placeholder="请填写其他保险报销金额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="学校医疗补助已补助金额（元）">
|
||||
<el-input-number style="width: 100%" v-model="formData.already_subsidized"
|
||||
disabled
|
||||
placeholder="请填写学校医疗补助已补助金额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="selfPayMoney" label="个人实际支付部分合计（元）">
|
||||
<el-input-number style="width: 100%" v-model="formData.grsjzfbfhj"
|
||||
placeholder="请填写个人实际支付部分合计金额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<vi-title title="办理信息"></vi-title>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="username" label="办理人员">
|
||||
<el-input v-model="formData.username"
|
||||
disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="time" label="办理时间">
|
||||
<el-input v-model="formData.time" disabled></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="total_grant" label="补助金额">
|
||||
<el-input-number style="width: 100%" v-model="formData.total_grant"
|
||||
placeholder="请填写补助金额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="idea" label="办理意见">
|
||||
<el-input type="textarea" v-model="formData.idea" rows="4" maxlength="500"
|
||||
placeholder="请填写您的审核意见"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="medicalAid" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="formData.id?doEdit():doAdd()">提 交</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<medical-aid-info ref="med_info"></medical-aid-info>
|
||||
</template>
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
addDialogVisible: false,
|
||||
editDialogVisible: false,
|
||||
tabLoading: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
already_total_medical_expenses: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
already_overall_fund_payment: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
individual_pay: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
already_subsidized: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_name: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_account: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
disease_diagnosis: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
invoice_num: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_invoice: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_summary_discharge: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_medical_certificate: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_medicare_settlement: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
addLoading: false,
|
||||
fundMembers: "${@shiro.getPrincipalProperty('sfjrdbjj')}" === '1',
|
||||
tableColumns: [
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'username', label: '姓名',},
|
||||
{prop: 'disease_diagnosis', label: '疾病诊断'},
|
||||
{prop: 'total', label: '自付总费用', sortable: true},
|
||||
{prop: 'apply_time', label: '办理时间', sortable: true},
|
||||
{prop: 'state_id', label: '状态', sortable: true},
|
||||
]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'medical-aid-info': httpVueLoader('/components/medicalaid/MedicalAidInfo.vue?v=1.0.1'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'search': httpVueLoader('/components/medicalaid/MedicalAidSearch.vue?v=1.0.0'),
|
||||
},
|
||||
methods: {
|
||||
doExport(row) {
|
||||
location.href = "/platform/fw/medicalAid/common/exportDoc?id=" + row.id
|
||||
},
|
||||
getHospitalStay(val) {
|
||||
this.$set(this.formData, "hospital_stay", moment(val[1]).diff(moment(val[0]), 'day'))
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.med_info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async doEdit() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doEdit", {data: JSON.stringify(formData)})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
} else {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '存在未填写的必填项',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
async openEdit(row) {
|
||||
const {id} = row
|
||||
this.formData = {}
|
||||
this.$set(row, "editLoading", true)
|
||||
const resp = await $.get("/platform/fw/medicalAid/common/findOne", {id})
|
||||
|
||||
requestLaterFun(resp, (v) => {
|
||||
this.$set(row, "editLoading", false)
|
||||
medicalAid.toFormData(v)
|
||||
this.formData = v
|
||||
this.$refs.guava.edit()
|
||||
console.log('1111111111')
|
||||
if (v.bank_account) {
|
||||
this.$set(this.formData, 'bank_name', bankCardAttribution(v.bank_account).bankName)
|
||||
}
|
||||
})
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doDelete", {id: id});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async doAdd() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.$confirm('是否确定提交?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(async () => {
|
||||
const formData = clone(this.formData)
|
||||
|
||||
formData.sign = null
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post(location.href + "/doAdd", {
|
||||
data: JSON.stringify(formData),
|
||||
sign: this.formData.sign,
|
||||
idea: this.formData.idea,
|
||||
total_grant: this.formData.total_grant,
|
||||
})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
|
||||
}).catch(() => {
|
||||
|
||||
});
|
||||
|
||||
} else {
|
||||
this.$notify({
|
||||
title: '警告',
|
||||
message: '存在未填写的必填项',
|
||||
type: 'warning'
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
},
|
||||
async openAdd(row) {
|
||||
|
||||
console.log(row)
|
||||
|
||||
const {user_id, year, disease_diagnosis, total, disease_type_code, muy_id} = row
|
||||
|
||||
this.$set(row, "handleLoading", true)
|
||||
|
||||
// const {data} = await $.get(location.href + "/getAlready", {userid: user_id, year})
|
||||
const {data} = await $.get(location.href + "/findApplyInfoByMuyId", {muyId: muy_id})
|
||||
|
||||
this.$set(row, "handleLoading", false)
|
||||
|
||||
data.user_age = data.birthday ? moment().diff(moment(data.birthday), 'years') : ''
|
||||
data.bank_name = data.bank_account ? bankCardAttribution(data.bank_account).bankName : ''
|
||||
data.disease_diagnosis = disease_diagnosis
|
||||
if (data.userState === '在职') {
|
||||
data.on_job = true
|
||||
} else if (data.userState === '退休') {
|
||||
data.on_job = false
|
||||
}
|
||||
|
||||
//办理的信息
|
||||
data.medicalaid_user_year_id = muy_id
|
||||
data.disease_type_code = disease_type_code
|
||||
data.username = "${@shiro.getPrincipalProperty('username')}"
|
||||
data.time = moment().format('YYYY-MM-DD')
|
||||
data.total_grant = this.getTotalGrant(total)
|
||||
data.idea = '按照学校《教职工病伤医疗互助基金实施办法》规定，本次共补助金额为：\n' + capitalAmount(data.total_grant) + '（' + data.total_grant + '）。'
|
||||
|
||||
this.formData = data
|
||||
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
|
||||
getTotalGrant(total) {
|
||||
|
||||
let totalGrant = 0
|
||||
|
||||
const ten = 10000
|
||||
|
||||
const mon_1_3 = 3 * ten * 0.55
|
||||
const mon_3_6 = 3 * ten * 0.60
|
||||
const mon_6_9 = 3 * ten * 0.65
|
||||
const mon_9_12 = 3 * ten * 0.70
|
||||
const mon_12_15 = 3 * ten * 0.75
|
||||
|
||||
//起付线
|
||||
// let money = total - 10000;
|
||||
|
||||
let money = total;
|
||||
|
||||
if (money < 0) {
|
||||
return totalGrant;
|
||||
}
|
||||
if (money >= 15 * ten) {
|
||||
totalGrant += (money - 15 * ten) * 0.80;
|
||||
totalGrant += (mon_1_3 + mon_3_6 + mon_6_9 + mon_9_12 + mon_12_15);
|
||||
} else if (12 * ten <= money && money < 15 * ten) {
|
||||
totalGrant += (money - 12 * ten) * 0.75;
|
||||
totalGrant += (mon_1_3 + mon_3_6 + mon_6_9 + mon_9_12);
|
||||
} else if (9 * ten <= money && money < 12 * ten) {
|
||||
totalGrant += (money - 9 * ten) * 0.70;
|
||||
totalGrant += (mon_1_3 + mon_3_6 + mon_6_9);
|
||||
} else if (6 * ten <= money && money < 9 * ten) {
|
||||
totalGrant += (money - 6 * ten) * 0.65;
|
||||
totalGrant += (mon_1_3 + mon_3_6);
|
||||
} else if (3 * ten <= money && money < 6 * ten) {
|
||||
totalGrant += (money - 3 * ten) * 0.60 + mon_1_3;
|
||||
} else if (money < 3 * ten) {
|
||||
totalGrant += money * 0.55;
|
||||
}
|
||||
|
||||
return totalGrant.toFixed(0)
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,394 @@
|
||||
<!--#
|
||||
layout("/layouts/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
input[type="file"] {
|
||||
display: none
|
||||
}
|
||||
|
||||
.el-input-number input {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.el-input-number__decrease, .el-input-number__increase {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" class="platform" v-cloak>
|
||||
|
||||
<guava ref="guava" padding="0% 5%">
|
||||
<template>
|
||||
<search :page_form.sync="pageForm" @search="doSearch"></search>
|
||||
|
||||
<el-card shadow="never" class="mt10">
|
||||
<table-tool label="申请列表" :app="this">
|
||||
<template #func>
|
||||
<el-button size="small" type="primary" icon="el-icon-edit" @click="openAdd">申请医疗补助</el-button>
|
||||
</template>
|
||||
</table-tool>
|
||||
|
||||
<el-table :data="tableData" style="width: 100%" row-key="id" @sort-change="pageOrder" :size="tableSize"
|
||||
v-loading="tableLoading" ref="table" class="vi-table">
|
||||
|
||||
<el-table-column align="center" header-align="center" type="index" :index="indexMethod" label="序号"
|
||||
width="80px"></el-table-column>
|
||||
|
||||
<el-table-column
|
||||
align="center"
|
||||
header-align="center"
|
||||
v-for="column in tableColumns"
|
||||
show-overflow-tooltip
|
||||
:sortable="column.sortable"
|
||||
:label="column.label"
|
||||
:prop="column.prop" :width="column.width" min-width="100px">
|
||||
<template v-if="column.prop==='state_id'" scope="{row}">
|
||||
<span :style="'color:'+row.state_color">{{row.state_name}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="userOnline" align="center" header-align="center" label="操作" fixed="right">
|
||||
<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="{action:openView,value:row}">
|
||||
查看
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="!row.state_id||row.state_id<600"
|
||||
:command="{action:doExport,value:row}">
|
||||
导出
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id!=100"
|
||||
:command="{action:openEdit,value:row}">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item :disabled="row.state_id!=100"
|
||||
:command="{action:doDelete,value:row}">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
|
||||
<!--#include("/layouts/pagination.html"){}#-->
|
||||
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<template #edit>
|
||||
|
||||
<vi-title title="填写补助信息"></vi-title>
|
||||
|
||||
<el-form :model="formData" ref="form" :rules="formRules" label-position="top"
|
||||
label-suffix="：">
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="user_name" label="姓  名">
|
||||
<el-input disabled v-model="formData.user_name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="sex" label="性  别">
|
||||
<el-input disabled v-model="formData.sex" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item prop="user_age" label="年龄（岁）">
|
||||
<el-input disabled v-model.number="formData.user_age"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="unit_name" label="部  门">
|
||||
<el-input disabled v-model="formData.unit_name" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="on_job" label="在职状态">
|
||||
<el-input disabled v-if="formData.on_job" value="在职" type="text"></el-input>
|
||||
<el-input disabled v-else value="退休" type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="mobile" label="联系电话">
|
||||
<el-input maxlength="20" placeholder="请填写联系电话" v-model="formData.mobile"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="disease_diagnosis" label="疾病诊断">
|
||||
<el-input maxlength="255" placeholder="请填写疾病诊断" v-model="formData.disease_diagnosis"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="bank_name" label="开户银行名称">
|
||||
<el-input maxlength="255" placeholder="请填写开户银行名称" v-model="formData.bank_name"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="bank_account" label="银行账号">
|
||||
<el-input maxlength="20" placeholder="请填写银行账号" v-model="formData.bank_account"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="special_clinic_self_pay" label="特殊门诊个人自付部分总额">
|
||||
<el-input-number style="width: 100%" v-model="formData.special_clinic_self_pay"
|
||||
placeholder="请填写特殊门诊个人自付部分总额" controls-position="right" precision="2"
|
||||
:min="0"
|
||||
:max="1000000000"></el-input-number>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="invoice_num" label="发票号码">
|
||||
<el-input maxlength="50" placeholder="请填写发票号码" v-model="formData.invoice_num"
|
||||
type="text"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_invoice" label="发  票">
|
||||
<file-upload :files.sync="formData.files_invoice" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_medical_certificate" label="诊断书">
|
||||
<file-upload :files.sync="formData.files_medical_certificate" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row gutter="20">
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_medicare_settlement" label="医保结算单">
|
||||
<file-upload :files.sync="formData.files_medicare_settlement" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item prop="files_summary_discharge" label="出院小结">
|
||||
<file-upload :files.sync="formData.files_summary_discharge" card></file-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-form-item prop="sign" label="签  字">
|
||||
<sign prefix="medicalAid" :qz.sync="formData.sign"></sign>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
|
||||
<div style="float: right;margin: 20px 0">
|
||||
<el-button type="primary" @click="formData.id?doEdit():doAdd()">提 交</el-button>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<template #view>
|
||||
<medical-aid-info ref="med_info"></medical-aid-info>
|
||||
</template>
|
||||
|
||||
</guava>
|
||||
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [initTableMixins],
|
||||
data() {
|
||||
return {
|
||||
addDialogVisible: false,
|
||||
editDialogVisible: false,
|
||||
tabLoading: false,
|
||||
formData: {},
|
||||
tableData: [],
|
||||
pageForm: {
|
||||
searchName: "username",
|
||||
year: new Date().getFullYear() + ""
|
||||
},
|
||||
formRules: {
|
||||
special_clinic_self_pay: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_name: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
bank_account: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
disease_diagnosis: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
invoice_num: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_invoice: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_summary_discharge: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_medical_certificate: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
files_medicare_settlement: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
||||
},
|
||||
subDis: false,
|
||||
fundMembers: "${@shiro.getPrincipalProperty('sfjrdbjj')}" === '1',
|
||||
tableColumns: [
|
||||
{prop: 'loginname', label: '工号'},
|
||||
{prop: 'user_name', label: '姓名',},
|
||||
{prop: 'apply_time', label: '申请时间', sortable: true},
|
||||
{prop: 'disease_diagnosis', label: '疾病诊断'},
|
||||
{prop: 'state_id', label: '申请状态', sortable: true},
|
||||
]
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
||||
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
||||
'medical-aid-info': httpVueLoader('/components/medicalaid/MedicalAidInfo.vue?v=1.0.1'),
|
||||
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
|
||||
'search': httpVueLoader('/components/medicalaid/MedicalAidSearch.vue?v=1.0.0'),
|
||||
},
|
||||
methods: {
|
||||
doExport(row) {
|
||||
location.href = "/platform/fw/medicalAid/common/exportDoc?id=" + row.id
|
||||
},
|
||||
getHospitalStay(val) {
|
||||
this.$set(this.formData, "hospital_stay", moment(val[1]).diff(moment(val[0]), 'day'))
|
||||
},
|
||||
openView(row) {
|
||||
const {id} = row
|
||||
this.$refs.med_info.getInfo(id)
|
||||
this.$refs.guava.view()
|
||||
},
|
||||
async doEdit() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doEdit", {data: JSON.stringify(formData)})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
async openEdit(row) {
|
||||
const {id} = row
|
||||
this.formData = {}
|
||||
this.$set(row, "editLoading", true)
|
||||
const resp = await $.get("/platform/fw/medicalAid/common/findOne", {id})
|
||||
|
||||
requestLaterFun(resp, (v) => {
|
||||
this.$set(row, "editLoading", false)
|
||||
medicalAid.toFormData(v)
|
||||
this.formData = v
|
||||
this.$refs.guava.edit()
|
||||
})
|
||||
},
|
||||
doDelete(row) {
|
||||
const {id} = row
|
||||
this.$confirm('确定要删除吗？', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning',
|
||||
callback: async (a, b) => {
|
||||
if ("confirm" == a) {//确认后再执行
|
||||
|
||||
this.$set(row, "delLoading", true)
|
||||
|
||||
const resp = await $.post("/platform/fw/medicalAid/common/doDelete", {id: id});
|
||||
|
||||
requestLaterMsgFun(vue, resp, async () => {
|
||||
this.pageData()
|
||||
}, () => {
|
||||
}, () => {
|
||||
this.$set(row, "delLoading", false)
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
async doAdd() {
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
|
||||
const formData = JSON.parse(JSON.stringify(this.formData))
|
||||
formData.sign = null
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: '正在提交...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: COVER_LAYER_COLOR
|
||||
});
|
||||
|
||||
const resp = await $.post(location.href + "/doAdd", {
|
||||
data: JSON.stringify(formData),
|
||||
sign: this.formData.sign
|
||||
})
|
||||
|
||||
closeLoadingFunc(loading, resp, async () => {
|
||||
this.pageData()
|
||||
this.$refs.guava.index()
|
||||
}, (data, msg) => {
|
||||
this.$message.error(msg);
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
async openAdd() {
|
||||
this.formData = {
|
||||
files: [],
|
||||
hospital_time: [],
|
||||
user_name: '${@shiro.getPrincipalProperty("username")}',
|
||||
sex: '${@shiro.getPrincipalProperty("sex")}',
|
||||
user_age: '${@shiro.getPrincipalProperty("birthday")}' ? moment().diff(moment('${@shiro.getPrincipalProperty("birthday")}'), 'years') : '',
|
||||
unit_name: '${@shiro.getPrincipalProperty("unit").getName()}',
|
||||
mobile: '${@shiro.getPrincipalProperty("mobile")}',
|
||||
bank_account: '${@shiro.getPrincipalProperty("bank_number")}',
|
||||
bank_name: '${@shiro.getPrincipalProperty("bank_number")}' ? bankCardAttribution('${@shiro.getPrincipalProperty("bank_number")}').bankName : '',
|
||||
}
|
||||
|
||||
const zzzt = '${@shiro.getPrincipalProperty("zzzt")}'
|
||||
|
||||
if (zzzt == '在职') {
|
||||
this.$set(this.formData, "on_job", true)
|
||||
} else if (zzzt == '退休') {
|
||||
this.$set(this.formData, "on_job", false)
|
||||
}
|
||||
|
||||
this.$refs.guava.edit()
|
||||
if (this.$refs['form']) {
|
||||
this.$refs['form'].resetFields()
|
||||
}
|
||||
},
|
||||
},
|
||||
async created() {
|
||||
this.pageData();
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user