617 lines
28 KiB
HTML
617 lines
28 KiB
HTML
<!--#
|
|
layout("/layouts/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.el-divider--horizontal {
|
|
margin-top: 80px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
</style>
|
|
<div id="app" v-cloak>
|
|
<guava ref="guava">
|
|
|
|
<template name="el-zoom-in-center">
|
|
<!--第一行多功能查询-->
|
|
<!-- <el-row class="header navbar bg-white shadow">
|
|
<div class="btn-group tool-button mt5">
|
|
<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 mt5">
|
|
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
|
@keyup.enter.native="$emit('search')">
|
|
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="查询类型"
|
|
style="width: 120px;">
|
|
<el-option label="姓名" value="username"></el-option>
|
|
<el-option label="工号" value="loginname"></el-option>
|
|
<!– <el-option label="活动类型" value="activity_type"></el-option>–>
|
|
<el-option label="活动名称" value="activity_name"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<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 mt5">
|
|
<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 mt5">
|
|
<el-input placeholder="请输入内容" clearable v-model="pageForm.searchKeyword"
|
|
@keyup.enter.native="$emit('search')">
|
|
<el-select v-model="pageForm.searchName" slot="prepend" placeholder="活动类型查询"
|
|
style="width: 120px;">
|
|
<el-option label="分工会活动" value="1"></el-option>
|
|
<el-option label="校工会活动" value="2"></el-option>
|
|
<el-option label="协会(社团)活动" value="3"></el-option>
|
|
</el-select>
|
|
</el-input>
|
|
</div>–>
|
|
|
|
<div class="btn-group tool-button mt5">
|
|
<el-button type="primary" icon="el-icon-search" @click="doSearch"></el-button>
|
|
</div>
|
|
|
|
<div class="pull-right offscreen-right mt5">
|
|
<!– <el-button icon="el-icon-edit" @click="openAdd">申请活动报销</el-button>–>
|
|
</div>
|
|
</el-row>-->
|
|
|
|
|
|
<search :page_form.sync="pageForm" @search="doSearch">
|
|
<template #column>
|
|
<div class="btn-group tool-button mt5">
|
|
<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 mt5">
|
|
<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>
|
|
</template>
|
|
|
|
</search>
|
|
|
|
|
|
<!--申请记录展示-->
|
|
<el-row class="el-table-container">
|
|
<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="user_name" header-align="center"
|
|
align="center"></el-table-column>
|
|
|
|
<el-table-column label="工号" prop="bxr_loginname" header-align="center"
|
|
align="center"></el-table-column>
|
|
|
|
<el-table-column label="所属工会" prop="bxr_unionname" header-align="center" show-overflow-tooltip sortable
|
|
align="center"></el-table-column>
|
|
|
|
<el-table-column label="所属单位" prop="bxr_unitname" header-align="center" sortable
|
|
align="center"></el-table-column>
|
|
|
|
<el-table-column label="活动名称" prop="activity_name" show-overflow-tooltip header-align="center"
|
|
align="center">
|
|
<template scope="scope">
|
|
<el-link type="primary" @click="openView(scope.row)">
|
|
{{scope.row.activity_name}}
|
|
</el-link>
|
|
</template>
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column label="活动类型" prop="activity_type" header-align="center" align="center" sortable>
|
|
<template scope="{row}">
|
|
<span v-if="row.activity_type==1">基层工会活动</span>
|
|
<span v-if="row.activity_type==2">校工会活动</span>
|
|
<span v-if="row.activity_type==3">协会(社团)活动</span>
|
|
</template>
|
|
</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"
|
|
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 align="center" header-align="center" label="操作" fixed="right"
|
|
width="120px">
|
|
<template slot-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 v-if="[1010].includes(row.state_id)"
|
|
:command="{type:'edit',data:row}">
|
|
编辑
|
|
</el-dropdown-item>
|
|
|
|
<el-dropdown-item v-if="[1010,1000].includes(row.state_id)"
|
|
:command="{type:'delete',data:row}">
|
|
删除
|
|
</el-dropdown-item>
|
|
|
|
<!-- <el-dropdown-item v-if="[1060].includes(row.state_id)"
|
|
:command="{type:'exportWwj',data:row}">
|
|
导出
|
|
</el-dropdown-item>-->
|
|
|
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
|
|
<!--#include("/layouts/pagination.html"){}#-->
|
|
</template>
|
|
|
|
|
|
<template #edit>
|
|
|
|
<el-form label-width="100px">
|
|
<el-form-item label="填写申请信息 " label-width="135px" class="view-header" label-position="top">
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
<el-form :model="formData" ref="form" :rules="formRules" label-width="120px">
|
|
<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="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-row>
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item prop="activity_name" label="活动名称">
|
|
<el-autocomplete style="width: 100%"
|
|
v-model="formData.activity_name"
|
|
:fetch-suggestions="querySearchAsync"
|
|
placeholder="请输入内容"
|
|
@select="handleSelect"
|
|
@input="activityChange"
|
|
></el-autocomplete>
|
|
</el-form-item>
|
|
</el-col>
|
|
|
|
<el-col :span="12">
|
|
<el-form-item prop="activity_type" label="活动类型">
|
|
<el-select v-model="formData.activity_type" placeholder="请选择活动类型" style="width: 100%">
|
|
<!--#if(@shiro.hasRole('H04') || @shiro.hasRole('sysadmin')){#-->
|
|
<el-option label="基层工会活动" value="1"></el-option>
|
|
<!--#}#-->
|
|
<!--#if(@shiro.hasRole('A06') || @shiro.hasRole('sysadmin')){#-->
|
|
<el-option label="校工会活动" value="2"></el-option>
|
|
<!--#}#-->
|
|
<!--#if(@shiro.hasRole('H02') || @shiro.hasRole('sysadmin')){#-->
|
|
<el-option label="协会活动" value="3"></el-option>
|
|
<!--#}#-->
|
|
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item prop="venue" label="活动人数">
|
|
<el-input v-model="formData.activity_number" placeholder="请输入活动人数" type="number"></el-input>
|
|
</el-form-item>
|
|
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="venue" label="活动地点">
|
|
<el-input v-model="formData.venue" placeholder="请输入活动地点" type="text"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item prop="activity_money" label="报销金额">
|
|
<el-input disabled v-model="formData.activity_money" placeholder="输入物品单价自动计算"
|
|
type="number"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="12">
|
|
<el-form-item prop="activity_card_number" label="报销卡号">
|
|
<el-input v-model="formData.activity_card_number" type="number"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row gutter="20">
|
|
<el-col :span="12">
|
|
<el-form-item prop="activity_time" label="活动时间">
|
|
<el-date-picker style="width: 100%"
|
|
v-model="formData.activity_time"
|
|
type="date" value-format="yyyy-MM-dd"
|
|
placeholder="活动时间">
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
|
|
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">购置物品及价格</span>
|
|
</el-divider>
|
|
|
|
<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="number" @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-divider content-position="left" class="dia"><span style="color: #3ea1ec;">活动内容</span>
|
|
</el-divider>
|
|
<el-form-item prop="activity_content" class="is-required" label-width="auto">
|
|
<div id="acEditor"></div>
|
|
</el-form-item>
|
|
|
|
|
|
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">签  字</span>
|
|
</el-divider>
|
|
<el-form-item prop="sign" label-width="auto">
|
|
<sign prefix="medicalAid" :qz.sync="formData.sign"></sign>
|
|
</el-form-item>
|
|
|
|
<el-divider content-position="left" class="dia"><span style="color: #3ea1ec;">附  件</span>
|
|
</el-divider>
|
|
<el-form-item prop="files" label-width="auto">
|
|
<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="formData.id?doEdit():doAdd()">确 定</el-button>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<template #view>
|
|
<activity-bx-info ref="act_info"></activity-bx-info>
|
|
</template>
|
|
|
|
|
|
</guava>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
let E = window.wangEditor
|
|
let acEditor = null
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
let validAc = (rule, value, callback) => {
|
|
if (!this.formData.activity_content || !dd3s.html2txt(this.formData.activity_content)) {
|
|
callback(new Error('请填写活动内容'));
|
|
} else {
|
|
callback();
|
|
}
|
|
};
|
|
return {
|
|
unions: [],
|
|
units: [],
|
|
delNotesList: [],
|
|
tabLoading: false,
|
|
tableData: [],
|
|
formData: {},
|
|
formSign: {},
|
|
pageForm: {
|
|
...getPageForm(),
|
|
searchName: "username",
|
|
year: new Date().getFullYear() + "",
|
|
activity_name: "activity_name",
|
|
|
|
},
|
|
formRules: {
|
|
activity_name: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
activity_number: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
activity_time: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
venue: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
files: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
activity_type: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
sign: [{required: true, message: '必填', trigger: ['blur', 'change']}],
|
|
activity_content: [{validator: validAc, trigger: ['blur', 'change']}],
|
|
},
|
|
activity: []
|
|
}
|
|
},
|
|
components: {
|
|
'search': httpVueLoader('/components/activityBx/ActivityBxSearch.vue'),
|
|
'guava': httpVueLoader('/components/plugins/Guava.vue'),
|
|
'file-upload': httpVueLoader('/components/plugins/FileUpload.vue'),
|
|
'activity-bx-info': httpVueLoader('/components/activityBx/ActivityBxInfo.vue'),
|
|
'sign': httpVueLoader('/components/sign/sign.vue?v=2.0.0')
|
|
},
|
|
methods: {
|
|
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 == 'exportWwj') {
|
|
this.exportWwj(data.id)
|
|
}
|
|
},
|
|
|
|
blur() {
|
|
let num = 0
|
|
this.formData.goods.forEach(v => {
|
|
num += parseFloat(v.price)
|
|
})
|
|
this.$set(this.formData, "activity_money", num)
|
|
},
|
|
delNotesItem(scope) {
|
|
this.delNotesList.push(scope.row.id)
|
|
this.formData.goods.splice(scope.$index, 1)
|
|
},
|
|
activityChange(val) {
|
|
const activity = this.activity.find(v => v.v_name == val)
|
|
this.$set(this.formData, 'activity_id', activity ? activity.id : null)
|
|
},
|
|
handleSelect(item) {
|
|
if (item.id) {
|
|
this.$set(this.formData, 'activity_time', item.be_time)
|
|
this.$set(this.formData, 'activity_number', item.number)
|
|
this.$set(this.formData, 'venue', item.address)
|
|
this.$set(this.formData, 'activity_id', item.id)
|
|
} else {
|
|
this.$set(this.formData, 'activity_id', null)
|
|
}
|
|
},
|
|
async querySearchAsync(queryString, cb) {
|
|
const {code, data} = await $.get(loc() + "/getActivity", {query: queryString})
|
|
if (code == 0) {
|
|
const arr = data.map(v => {
|
|
v.v_name = v.name + moment(v.be_time).format(" YYYY-MM-DD")
|
|
return {value: v.v_name, ...v}
|
|
})
|
|
this.activity = data
|
|
cb(arr)
|
|
} else {
|
|
cb([])
|
|
}
|
|
},
|
|
exportWwj(id) {
|
|
window.location.href = "/platform/jf/activity_bx/reimbursement/doExport?id=" + id
|
|
},
|
|
async doAdd() {
|
|
this.$refs["form"].validate(async (valid) => {
|
|
if (valid) {
|
|
const loading = this.$loading({
|
|
lock: true,
|
|
text: '正在提交...',
|
|
spinner: 'el-icon-loading',
|
|
background: COVER_LAYER_COLOR
|
|
});
|
|
const resp = await $.post(location.href + "/doAdd", {
|
|
activityBx: JSON.stringify(this.formData),
|
|
sign: this.formData.sign
|
|
})
|
|
closeLoadingFunc(loading, resp, async () => {
|
|
this.pageData()
|
|
this.$refs.guava.index()
|
|
}, (data, msg) => {
|
|
this.$message.error(msg);
|
|
})
|
|
}
|
|
})
|
|
},
|
|
doEdit() {
|
|
this.$refs["form"].validate(async (valid) => {
|
|
if (valid) {
|
|
const loading = this.$loading({
|
|
lock: true,
|
|
text: '正在提交...',
|
|
spinner: 'el-icon-loading',
|
|
background: COVER_LAYER_COLOR
|
|
});
|
|
const resp = await $.post(location.href + "/doEdit", {
|
|
activityBx: JSON.stringify(this.formData),
|
|
sign: this.formData.sign,
|
|
delNotesList: JSON.stringify(this.delNotesList)
|
|
})
|
|
|
|
closeLoadingFunc(loading, resp, async () => {
|
|
this.pageData()
|
|
this.$refs.guava.index()
|
|
}, (data, msg) => {
|
|
this.$message.error(msg);
|
|
})
|
|
}
|
|
})
|
|
},
|
|
openAdd() {
|
|
this.delNotesList = []
|
|
this.formData = {
|
|
goods: [],
|
|
files: [],
|
|
activity_money: null,
|
|
user_name: '${@shiro.getPrincipalProperty("username")}',
|
|
apply_time: moment().format('YYYY-MM-DD'),
|
|
activity_card_number: '${@shiro.getPrincipalProperty("bank_number")}'
|
|
}
|
|
this.$nextTick(() => {
|
|
$("#acEditor").html("")
|
|
acEditor = new E("#acEditor")
|
|
acEditor.config.onchange = (html) => {
|
|
this.formData.activity_content = html
|
|
}
|
|
acEditor.create()
|
|
})
|
|
|
|
this.$refs.guava.edit()
|
|
if (this.$refs['form']) {
|
|
this.$refs['form'].resetFields()
|
|
}
|
|
},
|
|
openView(row) {
|
|
const {id} = row
|
|
this.$refs.act_info.getActInfo(id)
|
|
this.$refs.guava.view()
|
|
},
|
|
async openEdit(row) {
|
|
const {id} = row
|
|
this.formData = {}
|
|
const resp = await $.get(location.href + "/findOne", {id})
|
|
|
|
requestLaterFun(resp, (v) => {
|
|
v.activity_type = v.activity_type.toString()
|
|
this.formData = v
|
|
this.formData.files = JSON.parse(v.files)
|
|
this.$nextTick(() => {
|
|
$("#acEditor").html("")
|
|
acEditor = new E("#acEditor")
|
|
acEditor.config.onchange = (html) => {
|
|
this.formData.activity_content = html
|
|
}
|
|
acEditor.create()
|
|
acEditor.txt.html(v.activity_content)
|
|
})
|
|
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/jf/activity_bx/reimbursement/doDelete", {id: id});
|
|
this.pageData()
|
|
}
|
|
}
|
|
});
|
|
},
|
|
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()}")
|
|
}
|
|
},
|
|
|
|
...pageSomeThing
|
|
|
|
},
|
|
async created() {
|
|
this.pageData();
|
|
if (getLocationVariable("action") == 'add') {
|
|
this.openAdd()
|
|
}
|
|
this.unions = await getUnions()
|
|
this.flushUnits()
|
|
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |