619 lines
28 KiB
HTML
619 lines
28 KiB
HTML
<!--#
|
||
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>
|
||
<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
|
||
v-model="pageForm.year"
|
||
type="year"
|
||
value-format="yyyy" style="width: 100%"
|
||
placeholder="选择年">
|
||
</el-date-picker>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="search-item">
|
||
<div class="search-item-label">被慰问人：</div>
|
||
<div class="search-item-option">
|
||
<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>
|
||
|
||
<template v-if="searchMore">
|
||
|
||
<div class="search-item">
|
||
<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"
|
||
|
||
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>
|
||
|
||
<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-item">
|
||
<div class="search-item-label">慰问类型：</div>
|
||
<div class="search-item-option">
|
||
<el-select v-model="pageForm.type" placeholder="请选择慰问类型" clearable style="width: 100%;">
|
||
<el-option v-for="item in typeOptions" :value="item.id"
|
||
:label="item.name+' ('+item.code+')'"></el-option>
|
||
</el-select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="search-item">
|
||
<div class="search-item-label">慰问方式：</div>
|
||
<div class="search-item-option">
|
||
<el-select v-model="pageForm.way" placeholder="请选择慰问方式" clearable style="width: 100%;">
|
||
<el-option
|
||
v-for="(v,k) in condolence.way"
|
||
:key="k"
|
||
:label="v"
|
||
:value="v">
|
||
</el-option>
|
||
</el-select>
|
||
</div>
|
||
</div>
|
||
|
||
</template>
|
||
|
||
|
||
<div class="search-query">
|
||
<el-button type="primary" icon="el-icon-search" @click="doSearch">搜索</el-button>
|
||
<more v-model="searchMore"></more>
|
||
</div>
|
||
|
||
</div>
|
||
</el-card>
|
||
|
||
|
||
<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"
|
||
v-loading="tableLoading" :size="tableSize" 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
|
||
:label="column.label"
|
||
:prop="column.prop"
|
||
:sortable="column.sortable"
|
||
>
|
||
<template v-if="column.prop=='state_id'" scope="{row}">
|
||
<span :style="'color:'+row.state_color">{{row.state_name}}</span>
|
||
</template>
|
||
|
||
<template v-else-if="column.prop=='shrname'" scope="{row:{shrname}}">
|
||
<span>{{shrname?shrname:'暂无'}}</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 :disabled="row.state_id!=2000" :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>
|
||
|
||
|
||
</el-card>
|
||
|
||
<!--#include("/layouts/pagination.html"){}#-->
|
||
</template>
|
||
<template #edit>
|
||
|
||
<el-form label-width="100px">
|
||
<el-form-item label="填写申请信息 " 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="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="生  日">
|
||
<el-input disabled placeholder="输入慰问人查询" v-model="formData.birthday" maxlength="30"
|
||
type="text"></el-input>
|
||
</el-form-item>
|
||
</el-col>
|
||
<el-col :span="12">
|
||
<el-form-item prop="mobile" 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">
|
||
<el-form-item prop="payee" label="收款人">
|
||
<el-input maxlength="100" disabled
|
||
v-model="formData.payee_username"
|
||
type="text"></el-input>
|
||
</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="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="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">
|
||
<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="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-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 label-width="100px" v-if="['慰问品 (C)'].includes(formData.way)">
|
||
<el-form-item label="购置物品及价格 " label-width="135px" class="view-header">
|
||
</el-form-item>
|
||
</el-form>
|
||
|
||
|
||
<el-row gutter="60">
|
||
<el-col :span="24" v-if="['慰问品 (C)'].includes(formData.way)">
|
||
<el-form-item label-width="0">
|
||
<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"></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-col>
|
||
</el-row>
|
||
|
||
<el-row gutter="60">
|
||
<el-col :span="24">
|
||
<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-col>
|
||
|
||
<el-col :span="24">
|
||
<el-form-item prop="files" label="附  件">
|
||
<file-upload :files.sync="formData.files"></file-upload>
|
||
</el-form-item>
|
||
</el-col>
|
||
</el-row>
|
||
|
||
|
||
</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>
|
||
const vue = new Vue({
|
||
el: '#app',
|
||
mixins: [initTableMixins],
|
||
data() {
|
||
return {
|
||
unions: [],
|
||
units: [],
|
||
delNotesList: [],
|
||
tabLoading: false,
|
||
userLoading: false,
|
||
userOptions: [],
|
||
formData: {
|
||
goods: []
|
||
},
|
||
tableData: [],
|
||
typeOptions: [],
|
||
pageForm: {
|
||
searchName: "be.username",
|
||
year: new Date().getFullYear() + ""
|
||
},
|
||
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']}],
|
||
},
|
||
subDis: false,
|
||
tableColumns: [
|
||
{prop: 'be_username', label: '被慰问人'},
|
||
{prop: 'be_loginname', label: '被慰问人工号'},
|
||
{prop: 'sqr_username', label: '申请人'},
|
||
{prop: 'be_unionname', label: '所在工会',sortable: true},
|
||
{prop: 'be_unitname', label: '所在单位', sortable: true},
|
||
{prop: 'type_name', label: '慰问类型', sortable: true},
|
||
{prop: 'way', label: '慰问方式', sortable: true},
|
||
{prop: 'personnel', label: '随从人员'},
|
||
{prop: 'apply_time', label: '申请时间', sortable: true},
|
||
{prop: 'shrname', label: '审核人', sortable: true},
|
||
{prop: 'state_id', label: '申请状态', sortable: true},
|
||
],
|
||
|
||
}
|
||
},
|
||
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'),
|
||
},
|
||
methods: {
|
||
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 == 'export') {
|
||
condolence.doExport(data.id)
|
||
} else if (type == 'Print') {
|
||
condolence.doPrint(data.id)
|
||
}
|
||
},
|
||
doExport(row) {
|
||
location.href = "/platform/fw/medicalAid/common/exportDoc?id=" + row.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)
|
||
|
||
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,
|
||
delNotesList: JSON.stringify(this.delNotesList)
|
||
})
|
||
closeLoadingFunc(loading, resp, async () => {
|
||
this.pageData()
|
||
this.$refs.guava.index()
|
||
}, (data, msg) => {
|
||
this.$message.error(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})
|
||
requestLaterFun(resp, async (v) => {
|
||
condolence.toFormData(v)
|
||
this.formData = v
|
||
await this.userChange(v.be_user)
|
||
this.$refs.guava.edit()
|
||
}, () => {
|
||
this.$notify.error({
|
||
title: '错误',
|
||
message: '获取信息失败'
|
||
});
|
||
}, () => {
|
||
this.$set(row, "editLoading", false)
|
||
})
|
||
},
|
||
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});
|
||
|
||
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
|
||
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);
|
||
})
|
||
}
|
||
});
|
||
},
|
||
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>
|
||
<!--#
|
||
}
|
||
#--> |