Files
UNION_NSI/target/classes/views/platform/zgfw/condolence/index.html
T
2026-09-08 19:49:21 +08:00

719 lines
35 KiB
HTML
Raw 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"){
#-->
<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">
<template>
<el-card shadow="never">
<div class="btn-group tool-button">
<el-date-picker
v-model="pageForm.year"
type="year"
value-format="yyyy" style="width: 150px"
placeholder="选择年">
</el-date-picker>
</div>
<div class="btn-group tool-button">
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
@keyup.enter.native="doSearch">
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
style="width: 140px;">
<el-option label="慰问对象姓名" value="be.username"></el-option>
<el-option label="慰问对象工号" value="be.loginname"></el-option>
</el-select>
</el-input>
</div>
<div class="btn-group tool-button">
<el-select placeholder="所属工会" v-model="pageForm.unionId" style="width: 100%;"
clearable="true"
@change="flushUnits" @clear="flushUnits"
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('H03')}"
filterable="true">
<el-option v-for="item in unions" :label="item.unionname"
:value="item.id"></el-option>
</el-select>
</div>
<div class="btn-group tool-button">
<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 class="btn-group tool-button">
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable>
<el-option v-for="item in typeOptions" :value="item.id"
:label="item.name+' ('+item.code+')'"></el-option>
</el-select>
</div>
<!-- <div class="btn-group tool-button">
<el-select v-model="pageForm.way" placeholder="请选择慰问方式" clearable>
<el-option
v-for="(v,k) in condolence.way"
:key="k"
:label="v"
:value="v">
</el-option>
</el-select>
</div>-->
<div class="btn-group tool-button">
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
</div>
</el-card>
<el-card shadow="nerver" class="mt20">
<el-table :data="tableData" style="width: 100%" row-key="id"
@sort-change="pageOrder"
v-loading="tabLoading">
<el-table-column align="center" header-align="center" label="序号" width="120px">
<template scope="scope">
<span>{{scope.$index+(pageForm.pageNumber - 1) * pageForm.pageSize + 1}} </span>
</template>
</el-table-column>
<el-table-column label="慰问对象" prop="be_username" header-align="center"
align="center"></el-table-column>
<el-table-column label="慰问对象工号" prop="be_loginname" header-align="center"
align="center"></el-table-column>
<el-table-column label="申请人" prop="sqr_username" header-align="center"
align="center"></el-table-column>
<el-table-column show-overflow-tooltip label="所在工会" prop="be_unionname"
header-align="center"
sortable
align="center"></el-table-column>
<el-table-column show-overflow-tooltip label="所在单位" prop="be_unitname"
header-align="center"
sortable
align="center"></el-table-column>
<el-table-column show-overflow-tooltip label="联系方式" prop="mobile"
header-align="center"
align="center"></el-table-column>
<el-table-column label="慰问类型" prop="type_name" header-align="center" sortable
align="center"></el-table-column>
<!-- <el-table-column label="慰问方式" prop="way" header-align="center"
align="center"></el-table-column>-->
<!-- <el-table-column label="随从人员" prop="personnel" header-align="center" sortable
align="center"></el-table-column>-->
<el-table-column label="申请时间" prop="apply_time" header-align="center" sortable
align="center"></el-table-column>
<!-- <el-table-column label="审核人" prop="shrname" header-align="center"
show-overflow-tooltip align="center">
<template slot-scope="{row:{shrname}}">
{{shrname?shrname:'暂无'}}
</template>
</el-table-column>-->
<el-table-column align="center" prop="state_id" header-align="center"
label="申请状态" sortable>
<template scope="scope">
<span :style="'color:'+scope.row.state_color">{{scope.row.state_name}}</span>
</template>
</el-table-column>
<el-table-column prop="userOnline" align="center" header-align="center"
label="操作"
min-width="100px">
<template scope="{row}">
<el-dropdown @command="dropdownCommand">
<el-button plain size="mini">
<i class="ti-settings"></i>
<span class="ti-angle-down"></span>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="{type:'view',data:row}">
查看
</el-dropdown-item>
<!-- <el-dropdown-item :command="{type:'Print',data:row}">
阅览
</el-dropdown-item>-->
<!-- <el-dropdown-item
:command="{type:'doExport',data:row}">
导出报销凭证
</el-dropdown-item>-->
<!-- <el-dropdown-item-->
<!-- :command="{type:'export',data:row}">-->
<!-- 导出慰问登记表-->
<!-- </el-dropdown-item>-->
<el-dropdown-item
:disabled="![-1,1990,1995,2000,2010,2012].includes(Number(row.state_id))"
:command="{type:'edit',data:row}">
编辑
</el-dropdown-item>
<el-dropdown-item
:command="{type:'delete',data: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 label-width="100px">
<el-form-item label="填写申请信息&emsp;" label-width="135px" class="view-header">
</el-form-item>
</el-form>
<el-form :model="formData" ref="form" :rules="formRules" label-width="120px"
label-position="right"
label-suffix="">
<el-row gutter="60">
<el-col :span="12">
<el-form-item prop="manager_name" label="申请人">
<el-input disabled v-model="formData.manager_name"
type="text"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="apply_time" label="申请时间">
<el-input disabled v-model="formData.apply_time" type="text"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item prop="be_user" label="慰问对象">
<el-input disabled v-model="formData.be_username" type="text"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="job_title" label="职&emsp;&emsp;称">
<el-input placeholder="输入慰问对象查询" v-model="formData.job_title" maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>-->
<!-- <el-col :span="12">
<el-form-item prop="sex" label="慰问人性别">
<el-input disabled placeholder="输入慰问人查询" v-model="formData.sex" maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>-->
<!-- <el-col :span="12">
<el-form-item prop="birthday" label="生&emsp;&emsp;日">
<el-input disabled placeholder="输入慰问人查询" format="yyyy-MM-dd" v-model="formData.birthday" maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>-->
<el-col :span="12">
<el-form-item prop="sex" label="性别">
<el-input disabled placeholder="输入慰问对象查询" v-model="formData.sex"
maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="sex" label="联系电话">
<el-input placeholder="请输入联系电话" v-model="formData.mobile"
maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item prop="idcard" label="身份证">
<el-input disabled placeholder="输入慰问人查询" v-model="formData.idcard" maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>-->
</el-row>
<!-- <el-row gutter="60">
<el-col :span="12">
&lt;!&ndash;<el-form-item prop="payee" label="收款人">
<el-input maxlength="100" disabled
v-model="formData.payee_username"
type="text"></el-input>
</el-form-item>&ndash;&gt;
<el-form-item prop="payee" label="收款人">
<el-select
style="width: 100%"
v-model="formData.payee"
filterable
clearable
remote
reserve-keyword
placeholder="请输入姓名或工号查找"
:remote-method="userPayee"
:loading="userLoading"
@change="payeeChange">
<el-option
v-for="item in userPayees"
:key="item.id"
:label="item.username+''+item.loginname+''"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="payee_bank_number" label="收款人银行卡">
<el-input placeholder="请填写银行卡号" v-model="formData.payee_bank_number" maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>
</el-row>-->
<el-row gutter="60">
<el-col :span="12">
<el-form-item prop="birthday" label="出生年月">
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.birthday"
style="width: 100%" placeholder="请选择出生年月">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="家庭住址" prop="jtzz">
<el-input placeholder="请填写家庭住址" v-model="formData.jtzz" maxlength="40"
type="text"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="配偶所在单位" prop="poszdw">
<el-input placeholder="请填写配偶所在单位" v-model="formData.poszdw"
maxlength="40"
type="text"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="type" label="慰问类型">
<el-select v-model="formData.type" @change="typeChange"
placeholder="请选择慰问类型"
style="width: 100%">
<el-option v-for="item in typeOptions" :value="item.id"
:label="item.name+' ('+item.code+')'"></el-option>
</el-select>
</el-form-item>
</el-col>
<!-- <el-col :span="12">
<el-form-item prop="money" label="慰问金额">
<el-input-number style="width: 100%" v-model="formData.money"
placeholder="请填写慰问金额" controls-position="right" :controls="false"
precision="2"
:min="0"
:max="1000000000"></el-input-number>
</el-form-item>
</el-col>-->
</el-row>
<!--
<el-row gutter="60">
<el-col :span="12">
<el-form-item prop="type" label="慰问方式">
<el-select v-model="formData.way" placeholder="请选择慰问方式" style="width: 100%">
<el-option
v-for="(v,k) in condolence.way"
:key="k"
:label="v"
:value="k">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="occur_time" label="慰问时间">
<el-date-picker value-format="yyyy-MM-dd" v-model="formData.occur_time" style="width: 100%">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>-->
<el-row gutter="60"
v-if="['c7175af55693441e8233be4552cef9d5','0872ea0b95aa463fb8d98c46bdf72537'].includes(formData.type)">
<el-col :span="12">
<el-form-item prop="hospital_stay" label="住院时间">
<el-date-picker type="daterange" style="width: 100%"
range-separator="——"
v-model="formData.hospital_stay"
value-format="yyyy-MM-dd" format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item prop="the_hospital" label="所在医院">
<el-input placeholder="请填写所在医院" v-model="formData.the_hospital"
maxlength="30"
type="text"></el-input>
</el-form-item>
</el-col>
</el-row>
<!-- <el-col :span="24">
<el-form-item prop="personnel" label="参加慰问人员">
<el-input maxlength="100" v-model="formData.personnel" placeholder="请填写参加慰问人员"
type="text"></el-input>
</el-form-item>
</el-col>-->
</el-row>
<!--
<el-form-item prop="remark" label="申请事由">
<el-input maxlength="500" v-model="formData.remark" placeholder="请填写申请事由"
type="textarea" :autosize="{ minRows: 4, maxRows: 8}"></el-input>
</el-form-item>-->
<!-- <el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">购置物品及价格</span>
</el-divider>
<el-form-item class="int_input border_table">
<el-button style="float: right;margin-bottom: 10px" icon="el-icon-plus" size="mini"
@click="formData.goods.push({name:'',price:''})">
添加
</el-button>
<el-table :data="formData.goods" border size="mini" style="width: 100%">
<el-table-column sortable type="index" width="100" label="序号"
align="center" header-align="center">
</el-table-column>
<el-table-column prop="name" label="物品名称" align="center"
header-align="center">
<template slot-scope="{row}">
<el-input maxlength="50" placeholder="物品名称" v-model="row.name"
type="text"></el-input>
</template>
</el-table-column>
<el-table-column prop="price" label="物品价格" align="center"
header-align="center">
<template slot-scope="{row}">
<el-input maxlength="50" placeholder="物品价格" v-model="row.price"
type="text" @input="blur"></el-input>
</template>
</el-table-column>
<el-table-column label="操作" fixed="right" align="center" header-align="center"
width="80px"
fixed="right">
<template slot-scope="scope">
<el-button type="danger" icon="el-icon-delete" circle
:disabled="formData.goods.length==0"
@click="delNotesItem(scope)"></el-button>
</template>
</el-table-column>
</el-table>
</el-form-item>-->
<el-form-item prop="files" label="附&emsp;&emsp;件">
<file-upload :files.sync="formData.files" card></file-upload>
</el-form-item>
</el-form>
<div style="float: right;margin: 20px 0">
<el-button type="primary" @click="doEdit()">确 定</el-button>
</div>
</template>
<template #view>
<info ref="info"></info>
</template>
</guava>
</div>
<script>
var vue = new Vue({
el: '#app',
mixins: [initTableMixins],
data() {
return {
unions: [],
units: [],
delNotesList: [],
tabLoading: false,
userLoading: false,
userOptions: [],
formData: {
hospital_stay: [],
goods: []
},
tableData: [],
typeOptions: [],
pageForm: {
searchName: "be.username",
year: new Date().getFullYear() + ""
},
serPayees: [],
userPayees: [],
formRules: {
be_user: [{required: true, message: '必填', trigger: ['blur', 'change']}],
type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
disease_type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
way: [{required: true, message: '必填', trigger: ['blur', 'change']}],
money: [{required: true, message: '必填', trigger: ['blur', 'change']}],
files: [{required: true, message: '必填', trigger: ['blur', 'change']}],
jtzz: [{required: true, message: '必填', trigger: ['blur', 'change']}],
poszdw: [{required: true, message: '必填', trigger: ['blur', 'change']}],
mobile: [{required: true, message: '必填', trigger: ['blur', 'change']}],
birthday: [{required: true, message: '必填', trigger: ['blur', 'change']}],
},
subDis: false,
}
},
components: {
'guava': httpVueLoader('/components/plugins/Guava.vue'),
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0'),
'info': httpVueLoader('/components/condolence/Info.vue?v=1.0.1'),
},
methods: {
async payeeChange() {
const payeeData = await this.getUserData(this.formData.payee);
if (this.formData.payee_bank_number === null) {
this.$set(this.formData, 'payee_bank_number', payeeData.bank_number)
}
},
async queryUser(query) {
const {data} = await $.get("/platform/fw/condolence/applyWrite/queryUser", {query})
return data
},
async userPayee(query) {
if (query) {
this.userLoading = true
const arr = await this.queryUser(query)
this.userPayees = arr
this.userLoading = false
}
},
blur() {
let num = 0
this.formData.goods.forEach(v => {
num += parseFloat(v.price)
})
this.$set(this.formData, "money", num)
},
async typeChange(id) {
const {data, code, msg} = await $.get("/platform/condolence/type/findOne", {id})
if (data) {
this.$set(this.formData, "money", data.money)
this.$set(this.formData, "way", data.way)
}
},
delNotesItem(scope) {
this.delNotesList.push(scope.row.id)
this.formData.goods.splice(scope.$index, 1)
},
dropdownCommand(command) {
const {type, data} = command
if (type == 'view') {
this.openView(data)
} else if (type == 'edit') {
this.openEdit(data)
} else if (type == 'delete') {
this.doDelete(data)
} else if (type == 'Print') {
condolence.doPrint(data.id)
} else if (type == 'doExport') {
condolence.doExport(data.id)
} else if (type == 'export') {
condolence.export(data.id)
}
},
openView(row) {
const {id} = row
this.$refs.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.files = JSON.stringify(formData.files)
if (formData.hospital_stay) {
formData.hospital_stay_1 = formData.hospital_stay[0]
formData.hospital_stay_2 = formData.hospital_stay[1]
}
const loading = this.$loading({
lock: true,
text: '正在提交...',
spinner: 'el-icon-loading',
background: COVER_LAYER_COLOR
});
const resp = await $.post(loc() + "/doEdit", {
data: JSON.stringify(formData),
sign: this.formData.manager_sign,
hospital_stay_1: formData.hospital_stay_1,
hospital_stay_2: formData.hospital_stay_2,
delNotesList: JSON.stringify(this.delNotesList)
})
loading.close()
if (resp.code === 0) {
this.pageData()
this.$refs.guava.index()
} else {
this.notifyWarning(resp.msg)
}
}
});
},
async getUserData(userId) {
const {data} = await $.get("/platform/fw/condolence/apply/getUserData", {userId})
return data
},
async userChange(be_user) {
const userData = await this.getUserData(be_user);
this.$set(this.formData, 'sex', userData.sex)
this.$set(this.formData, 'birthday', userData.birthday)
this.$set(this.formData, 'idcard', userData.idcard)
},
async openEdit(row) {
/* const {id} = row
this.formData = {}
this.$set(row, "editLoading", true)
const resp = await $.get(loc() + "/findOne", {id})
this.$set(row, "editLoading", false)
if (resp.code === 0) {
const v = resp.data
condolence.toFormData(v)
this.formData = v
this.formData.hospital_stay = [v.starting_time, v.end_time]
await this.userChange(v.be_user)
await this.userPayee(v.payee_loginname)
if (this.userPayees > 0) {
this.$set(this.formData, 'payee', arr[0].id)
}
this.$refs.guava.edit()
} else {
this.notifyWarning(resp.msg)
}*/
const {id} = row
sublime.jumpPagePjax('/platform/fw/condolence/applyWrite?id=' + id)
},
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(loc() + "/doDelete", {id: id});
this.$set(row, "delLoading", false)
if (resp.code === 0) {
this.pageData()
} else {
this.notifyWarning(resp.msg)
}
}
}
});
},
async doAdd() {
this.$refs["form"].validate(async (valid) => {
if (valid) {
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
})
loading.close()
if (resp.code === 0) {
this.pageData()
this.$refs.guava.index()
} else {
this.notifyWarning(resp.msg)
}
}
});
},
openAdd() {
this.formData = {
files: [],
hospital_time: [],
user_name: '${@shiro.getPrincipalProperty("username")}',
sex: '${@shiro.getPrincipalProperty("sex")}',
user_age: moment().diff(moment('${@shiro.getPrincipalProperty("birthday")}'), 'years'),
unit_name: '${@shiro.getPrincipalProperty("unit").getName()}',
mobile: '${@shiro.getPrincipalProperty("mobile")}',
}
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 getTypeOptions() {
const {code, data} = await $.get("/platform/condolence/type/getAll")
if (code == 0) {
this.typeOptions = data
}
},
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.getTypeOptions()
this.unions = await getUnions()
this.flushUnits()
}
})
</script>
<!--#
}
#-->